mirror of
https://github.com/odoo/design-themes.git
synced 2025-10-07 01:18:52 +07:00
qsm-odoo
c483cf2719
Instead now use another custom mapping for the default colors of the shapes which are used for the default homepage. This allows for the built page to work with any color palette (especially useful for built pages in the new configurator) and to handle footer/header connection. Also change some shapes and default background colors to match what the preview wanted directly (instead of relying on user asked change as that would not be handled when generating the page automatically with the configurator). Part of https://github.com/odoo/design-themes/pull/2 task-2491890 closes odoo/design-themes#12 Related: odoo/odoo#71665 Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
173 lines
4.7 KiB
SCSS
173 lines
4.7 KiB
SCSS
//------------------------------------------------------------------------------
|
|
// Colors
|
|
//------------------------------------------------------------------------------
|
|
|
|
// Theme colors
|
|
$o-theme-color-palettes: map-merge($o-theme-color-palettes,
|
|
(
|
|
'notes-1': (
|
|
'alpha': #ffffff,
|
|
'beta': #47464b,
|
|
'gamma': #3B3D4D,
|
|
'delta': #E6FA16,
|
|
'epsilon': #9B96B4,
|
|
),
|
|
'notes-2': (
|
|
'alpha': #ffffff,
|
|
'beta': #101010,
|
|
'gamma': #474747,
|
|
'delta': #ff0000,
|
|
'epsilon': #e94060,
|
|
),
|
|
'notes-3': (
|
|
'alpha': #ffffff,
|
|
'beta': #19272c,
|
|
'gamma': #90c0cf,
|
|
'delta': #e94060,
|
|
'epsilon': #5ed7e9,
|
|
),
|
|
'notes-4': (
|
|
'alpha': #ffffff,
|
|
'beta': #212523,
|
|
'gamma': #2d6a51,
|
|
'delta': #72bd9e,
|
|
'epsilon': #bcfa16,
|
|
),
|
|
'notes-5': (
|
|
'alpha': #ffffff,
|
|
'beta': #4B4D52,
|
|
'gamma': #DE8642,
|
|
'delta': #B9B1A8,
|
|
'epsilon': #FFF2E7,
|
|
),
|
|
'notes-6': (
|
|
'alpha': #ffffff,
|
|
'beta': #fee202,
|
|
'gamma': #514947,
|
|
'delta': #48372f,
|
|
'epsilon': #766151,
|
|
),
|
|
)
|
|
);
|
|
|
|
//------------------------------------------------------------------------------
|
|
// Fonts
|
|
//------------------------------------------------------------------------------
|
|
|
|
$o-theme-h1-font-size-multiplier: (40 / 16);
|
|
$o-theme-h2-font-size-multiplier: (32 / 16);
|
|
$o-theme-h3-font-size-multiplier: (28 / 16);
|
|
$o-theme-h4-font-size-multiplier: (24 / 16);
|
|
$o-theme-h5-font-size-multiplier: (20 / 16);
|
|
$o-theme-h6-font-size-multiplier: 1;
|
|
|
|
$o-theme-font-configs: (
|
|
'Cuprum': (
|
|
'family': ('Cuprum', sans-serif),
|
|
'url': 'Cuprum:300,300i,400,400i,700,700i',
|
|
),
|
|
'Oxygen': (
|
|
'family': ('Oxygen', sans-serif),
|
|
'url': 'Oxygen:300,300i,400,400i,700,700i',
|
|
),
|
|
'Mukta': (
|
|
'family': ('Mukta', sans-serif),
|
|
'url': 'Mukta:300,300i,400,400i,700,700i',
|
|
),
|
|
'Overlock': (
|
|
'family': ('Overlock', cursive),
|
|
'url': 'Overlock:300,300i,400,400i,700,700i',
|
|
),
|
|
'Rajdhani': (
|
|
'family': ('Rajdhani', sans-serif),
|
|
'url': 'Rajdhani:300,300i,400,400i,700,700i',
|
|
),
|
|
'Ubuntu': (
|
|
'family': ('Ubuntu', sans-serif),
|
|
'url': 'Ubuntu:300,300i,400,400i,700,700i',
|
|
),
|
|
'Droid Sans': (
|
|
'family': ('Droid Sans', sans-serif),
|
|
),
|
|
'Sen': (
|
|
'family': ('Sen', sans-serif),
|
|
'url': 'Sen:300,300i,400,400i,700,700i',
|
|
),
|
|
'Crimson Text': (
|
|
'family': ('Crimson Text', serif),
|
|
'url': 'Crimson+Text:300,300i,400,400i,700,700i',
|
|
),
|
|
'Libre Baskerville': (
|
|
'family': ('Libre Baskerville', serif),
|
|
'url': 'Libre+Baskerville:300,300i,400,400i,700,700i',
|
|
),
|
|
'Lobster': (
|
|
'family': ('Lobster', cursive),
|
|
'url': 'Lobster:300,300i,400,400i,700,700i',
|
|
),
|
|
);
|
|
|
|
//------------------------------------------------------------------------------
|
|
// Website customizations
|
|
//------------------------------------------------------------------------------
|
|
|
|
$o-website-values-palettes: (
|
|
(
|
|
'color-palettes-name': 'notes-1',
|
|
'header-font-size': 1.25rem,
|
|
'logo-height': 3rem,
|
|
'fixed-logo-height': 3rem,
|
|
'font': 'Oxygen',
|
|
'headings-font': 'Lobster',
|
|
'navbar-font': 'Lobster',
|
|
'buttons-font': 'Lobster',
|
|
'link-underline': 'never',
|
|
'header-template': 'hamburger-full',
|
|
'footer-template': 'descriptive',
|
|
'hamburger-position': 'right',
|
|
'hamburger-type': 'off-canvas',
|
|
),
|
|
);
|
|
|
|
$o-palette-priority-prefix: 'notes';
|
|
|
|
$o-color-palettes-compatibility-indexes: (
|
|
1: 'notes-1',
|
|
2: 'notes-2',
|
|
3: 'notes-3',
|
|
4: 'notes-4',
|
|
5: 'generic-1',
|
|
6: 'generic-2',
|
|
7: 'generic-3',
|
|
8: 'generic-4',
|
|
9: 'generic-5',
|
|
10: 'generic-6',
|
|
11: 'generic-7',
|
|
12: 'generic-8',
|
|
13: 'generic-9',
|
|
14: 'generic-10',
|
|
15: 'generic-11',
|
|
16: 'generic-12',
|
|
17: 'generic-13',
|
|
18: 'generic-14',
|
|
19: 'generic-15',
|
|
20: 'generic-16',
|
|
21: 'generic-17',
|
|
);
|
|
|
|
$o-theme-color-palettes-compatibility-indexes: (
|
|
1: 'notes-1',
|
|
2: 'notes-2',
|
|
3: 'notes-3',
|
|
4: 'notes-4',
|
|
5: 'notes-5',
|
|
6: 'notes-6',
|
|
);
|
|
|
|
//------------------------------------------------------------------------------
|
|
// Shapes
|
|
//------------------------------------------------------------------------------
|
|
|
|
$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Blobs/04', (5: 4));
|
|
$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Blobs/01', (2: 5));
|