[IMP] theme_kiddo: redesign of the theme
This commit introduces a redesign of the Kiddo theme. It also moves 6 svg icons from the "static/src/img/snippets/" to "static/shapes" to allow the use of the dynamic colors in the Web Editor. task-2687297 closes odoo/design-themes#529 Related: odoo/odoo#80658 Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
|
Before Width: | Height: | Size: 53 KiB |
|
After Width: | Height: | Size: 41 KiB |
|
Before Width: | Height: | Size: 81 KiB After Width: | Height: | Size: 82 KiB |
|
Before Width: | Height: | Size: 106 KiB After Width: | Height: | Size: 55 KiB |
|
Before Width: | Height: | Size: 2.0 KiB After Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 2.1 KiB |
|
Before Width: | Height: | Size: 1.9 KiB After Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 21 KiB After Width: | Height: | Size: 24 KiB |
|
Before Width: | Height: | Size: 76 KiB After Width: | Height: | Size: 74 KiB |
|
Before Width: | Height: | Size: 134 KiB After Width: | Height: | Size: 35 KiB |
|
Before Width: | Height: | Size: 23 KiB After Width: | Height: | Size: 48 KiB |
|
Before Width: | Height: | Size: 64 KiB After Width: | Height: | Size: 37 KiB |
|
Before Width: | Height: | Size: 17 KiB After Width: | Height: | Size: 42 KiB |
|
Before Width: | Height: | Size: 33 KiB After Width: | Height: | Size: 9.6 KiB |
|
Before Width: | Height: | Size: 25 KiB After Width: | Height: | Size: 8.1 KiB |
|
Before Width: | Height: | Size: 33 KiB After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 25 KiB After Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 191 KiB After Width: | Height: | Size: 118 KiB |
|
Before Width: | Height: | Size: 186 KiB After Width: | Height: | Size: 66 KiB |
|
After Width: | Height: | Size: 79 KiB |
|
Before Width: | Height: | Size: 131 KiB After Width: | Height: | Size: 69 KiB |
|
After Width: | Height: | Size: 77 KiB |
|
After Width: | Height: | Size: 94 KiB |
|
After Width: | Height: | Size: 36 KiB |
|
After Width: | Height: | Size: 34 KiB |
|
After Width: | Height: | Size: 32 KiB |
|
After Width: | Height: | Size: 60 KiB |
|
After Width: | Height: | Size: 98 KiB |
|
Before Width: | Height: | Size: 183 KiB After Width: | Height: | Size: 76 KiB |
|
After Width: | Height: | Size: 34 KiB |
|
After Width: | Height: | Size: 79 KiB |
|
After Width: | Height: | Size: 76 KiB |
|
After Width: | Height: | Size: 50 KiB |
|
After Width: | Height: | Size: 55 KiB |
@@ -14,8 +14,8 @@ const snippets = [
|
||||
name: 'Image - Text',
|
||||
},
|
||||
{
|
||||
id: 's_picture',
|
||||
name: 'Picture',
|
||||
id: 's_three_columns',
|
||||
name: 'Columns',
|
||||
},
|
||||
{
|
||||
id: 's_product_list',
|
||||
|
||||
@@ -55,7 +55,7 @@ $o-theme-color-palettes: map-merge($o-theme-color-palettes,
|
||||
//------------------------------------------------------------------------------
|
||||
|
||||
$o-theme-h1-font-size-multiplier: (40 / 14);
|
||||
$o-theme-h2-font-size-multiplier: (32 / 14);
|
||||
$o-theme-h2-font-size-multiplier: (38 / 14);
|
||||
$o-theme-h3-font-size-multiplier: (28 / 14);
|
||||
$o-theme-h4-font-size-multiplier: (24 / 14);
|
||||
$o-theme-h5-font-size-multiplier: (20 / 14);
|
||||
@@ -122,10 +122,10 @@ $o-theme-font-configs: (
|
||||
|
||||
$o-website-values-palettes: (
|
||||
(
|
||||
'color-palettes-name': 'kiddo-3',
|
||||
'color-palettes-name': 'default-16',
|
||||
|
||||
'font-size-base': (14 / 16) * 1.075rem,
|
||||
'header-font-size': 1.15rem,
|
||||
'header-font-size': .875rem,
|
||||
'logo-height': 3rem,
|
||||
'fixed-logo-height': 3rem,
|
||||
'btn-border-radius': 2rem,
|
||||
@@ -140,13 +140,10 @@ $o-website-values-palettes: (
|
||||
'buttons-font': 'Varela Round',
|
||||
'link-underline': 'never',
|
||||
'header-template': 'default',
|
||||
'footer-template': 'descriptive',
|
||||
'btn-primary-outline': true,
|
||||
'footer-template': 'centered',
|
||||
),
|
||||
);
|
||||
|
||||
$o-selected-color-palettes-names: append($o-selected-color-palettes-names, 'kiddo-3');
|
||||
|
||||
$o-color-palettes-compatibility-indexes: (
|
||||
1: 'kiddo-3',
|
||||
2: 'kiddo-2',
|
||||
|
||||