mirror of
https://github.com/odoo/design-themes.git
synced 2025-10-07 01:18:52 +07:00
[IMP] theme_*: ease defining only one font family to use in a theme
Before this commit, if a theme wanted to define a main font for their
theme and let the "headings", "navbar" and "buttons" ones use the same
they had to add this in their map:
```
'font': XXX,
'headings-font': null,
'navbar-font': null,
'button-font': null,
```
Indeed, without setting the "null" values, those font would use YYY
which is the first font defined in the theme config, which might be
different from XXX. And if forcing XXX 4 times, like most themes do at
the moment, if the user wanted to change them all, he had to change the
4 ones instead of the main one.
Now, only the 'font' value use the first font defined in the theme
config if not explicitly set. So forcing the null values is not
necessary, it will be the default behavior.
The advantage is thus also functional, as most theme forced all their 4
fonts so changing the main one did not change the others.
task-2993054
closes odoo/design-themes#593
X-original-commit: fc64bce81e
Related: odoo/odoo#101068
Signed-off-by: Romain Derie (rde) <rde@odoo.com>
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
This commit is contained in:
@@ -13,8 +13,6 @@ $o-website-values-palettes: (
|
||||
// Font
|
||||
'font': 'Source Sans Pro',
|
||||
'headings-font': 'Spartan',
|
||||
'navbar-font': 'Source Sans Pro',
|
||||
'buttons-font': 'Source Sans Pro',
|
||||
|
||||
// Links
|
||||
'link-underline': 'never',
|
||||
|
||||
@@ -97,8 +97,6 @@ $o-website-values-palettes: (
|
||||
'header-font-size': (13 / 16) * 1rem,
|
||||
'font': 'Montserrat',
|
||||
'headings-font': 'Oxygen',
|
||||
'navbar-font': 'Montserrat',
|
||||
'buttons-font': 'Montserrat',
|
||||
'btn-ripple': true,
|
||||
'header-template': 'hamburger',
|
||||
'hamburger-type': 'off-canvas',
|
||||
|
||||
@@ -181,9 +181,6 @@ $o-website-values-palettes: (
|
||||
|
||||
'font-size-base': 1rem,
|
||||
'font': 'Syne',
|
||||
'headings-font': 'Syne',
|
||||
'navbar-font': 'Syne',
|
||||
'buttons-font': 'Syne',
|
||||
|
||||
'header-template': 'hamburger',
|
||||
'hamburger-type': 'default',
|
||||
|
||||
@@ -24,8 +24,6 @@ $o-website-values-palettes: (
|
||||
// Font
|
||||
'font': 'Open Sans',
|
||||
'headings-font': 'Libre Baskerville',
|
||||
'navbar-font': 'Open Sans',
|
||||
'buttons-font': 'Open Sans',
|
||||
|
||||
// Buttons
|
||||
'btn-padding-y': .45rem,
|
||||
|
||||
@@ -61,10 +61,10 @@ $o-website-values-palettes: (
|
||||
'color-palettes-name': 'beauty-1',
|
||||
|
||||
'header-font-size': (18 / 16) * 1rem,
|
||||
|
||||
'font': 'Questrial',
|
||||
'headings-font': 'DM Serif Display',
|
||||
'navbar-font': 'Questrial',
|
||||
'buttons-font': 'Questrial',
|
||||
|
||||
'header-template': 'Contact',
|
||||
'footer-template': 'default',
|
||||
'header-links-style': 'outline',
|
||||
|
||||
@@ -104,11 +104,11 @@ $o-website-values-palettes: (
|
||||
'color-palettes-name': 'bewise-1',
|
||||
|
||||
'header-font-size': (20 / 16) * 1rem,
|
||||
'font': 'Darker Grotesque',
|
||||
'font-size-base': 1.3125rem,
|
||||
|
||||
'font': 'Darker Grotesque',
|
||||
'headings-font': 'Raleway',
|
||||
'navbar-font': 'Darker Grotesque',
|
||||
'buttons-font': 'Darker Grotesque',
|
||||
|
||||
'layout': 'full',
|
||||
'header-template': 'default',
|
||||
'menu-box-shadow': false,
|
||||
|
||||
@@ -16,9 +16,6 @@ $o-website-values-palettes: (
|
||||
|
||||
// Font
|
||||
'font': 'Poppins',
|
||||
'headings-font': 'Poppins',
|
||||
'navbar-font': 'Poppins',
|
||||
'buttons-font': 'Poppins',
|
||||
|
||||
// Buttons
|
||||
'btn-padding-y': .5rem,
|
||||
|
||||
@@ -69,8 +69,6 @@ $o-website-values-palettes: (
|
||||
'btn-border-radius-lg': 0px,
|
||||
'font': 'Source Sans Pro',
|
||||
'headings-font': 'DM Serif Display',
|
||||
'navbar-font': 'Source Sans Pro',
|
||||
'buttons-font': 'Source Sans Pro',
|
||||
'header-template': 'Contact',
|
||||
'footer-template': 'links',
|
||||
'header-links-style': 'border-bottom',
|
||||
|
||||
@@ -13,9 +13,6 @@ $o-website-values-palettes: (
|
||||
|
||||
// Font
|
||||
'font': 'Montserrat',
|
||||
'headings-font': 'Montserrat',
|
||||
'navbar-font': 'Montserrat',
|
||||
'buttons-font': 'Montserrat',
|
||||
|
||||
// Buttons
|
||||
'btn-padding-y': .45rem,
|
||||
@@ -52,7 +49,7 @@ $o-selected-color-palettes-names: append($o-selected-color-palettes-names, 'kidd
|
||||
|
||||
|
||||
$o-theme-font-configs: (
|
||||
|
||||
|
||||
'Abel': (
|
||||
'family': ('Abel', sans-serif),
|
||||
'url': 'Abel:300,300i,400,400i,700,700i',
|
||||
|
||||
@@ -31,9 +31,6 @@ $o-website-values-palettes: (
|
||||
'color-palettes-name': 'cobalt-1',
|
||||
|
||||
'font': 'Inter',
|
||||
'headings-font': 'Inter',
|
||||
'navbar-font': 'Inter',
|
||||
'buttons-font': 'Inter',
|
||||
|
||||
'hamburger-type': 'off-canvas',
|
||||
'menu-box-shadow': false,
|
||||
|
||||
@@ -96,11 +96,9 @@ $o-website-values-palettes: (
|
||||
'color-palettes-name': 'graphene-1',
|
||||
|
||||
'font-size-base': 1rem,
|
||||
|
||||
|
||||
'font': 'Source Sans Pro',
|
||||
'headings-font': 'Assistant',
|
||||
'navbar-font': 'Source Sans Pro',
|
||||
'buttons-font': 'Source Sans Pro',
|
||||
|
||||
'btn-ripple': true,
|
||||
'layout': 'boxed',
|
||||
@@ -148,4 +146,3 @@ $o-bg-shapes: change-shape-colors-mapping('web_editor', 'Origins/02_001', (4: 2,
|
||||
$o-bg-shapes: add-extra-shape-colors-mapping('web_editor', 'Origins/02_001', 'second', (4: 2, 5: rgba(0, 0, 0, 0)));
|
||||
$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Origins/06_001', (3: 2));
|
||||
$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Zigs/01_001', (2: 4));
|
||||
|
||||
|
||||
+9
-9
@@ -3,16 +3,16 @@
|
||||
//------------------------------------------------------------------------------//
|
||||
|
||||
// Headings
|
||||
@if o-website-value('headings-font') == 'Roboto' {
|
||||
@if nth($o-theme-headings-font, 1) == 'Roboto' {
|
||||
$o-theme-headings-font-weight: 500;
|
||||
}
|
||||
@if o-website-value('headings-font') == 'Dosis' {
|
||||
@if nth($o-theme-headings-font, 1) == 'Dosis' {
|
||||
$o-theme-headings-font-weight: 400;
|
||||
}
|
||||
@else if o-website-value('headings-font') == 'Lato' {
|
||||
@else if nth($o-theme-headings-font, 1) == 'Lato' {
|
||||
$o-theme-headings-font-weight: 300;
|
||||
}
|
||||
@else if o-website-value('headings-font') == 'Advent Pro' {
|
||||
@else if nth($o-theme-headings-font, 1) == 'Advent Pro' {
|
||||
$o-theme-headings-font-weight: 600;
|
||||
}
|
||||
|
||||
@@ -43,19 +43,19 @@
|
||||
}
|
||||
|
||||
// Buttons
|
||||
@if o-website-value('buttons-font') == 'Roboto' {
|
||||
@if nth($o-theme-buttons-font, 1) == 'Roboto' {
|
||||
$o-theme-btn-font-weight: 500;
|
||||
}
|
||||
@else if o-website-value('buttons-font') == 'Advent Pro' {
|
||||
@else if nth($o-theme-buttons-font, 1) == 'Advent Pro' {
|
||||
$o-theme-btn-font-weight: 600;
|
||||
}
|
||||
@else if o-website-value('buttons-font') == 'Oswald' {
|
||||
@else if nth($o-theme-buttons-font, 1) == 'Oswald' {
|
||||
$o-theme-btn-font-weight: 200;
|
||||
}
|
||||
@else if o-website-value('buttons-font') == 'Open Sans' {
|
||||
@else if nth($o-theme-buttons-font, 1) == 'Open Sans' {
|
||||
$o-theme-btn-font-weight: 600;
|
||||
}
|
||||
@else if o-website-value('buttons-font') == 'Montserrat Alternates' {
|
||||
@else if nth($o-theme-buttons-font, 1) == 'Montserrat Alternates' {
|
||||
$o-theme-btn-font-weight: 600;
|
||||
}
|
||||
|
||||
|
||||
@@ -18,7 +18,6 @@ $o-website-values-palettes: (
|
||||
// Font
|
||||
'font': 'Oxygen',
|
||||
'headings-font': 'Nunito',
|
||||
'navbar-font': 'Oxygen',
|
||||
'buttons-font': 'Nunito',
|
||||
|
||||
// Body
|
||||
|
||||
@@ -88,7 +88,6 @@ $o-website-values-palettes: (
|
||||
'font': 'Lato',
|
||||
'headings-font': 'Work Sans',
|
||||
'navbar-font': 'Work Sans',
|
||||
'buttons-font': 'Lato',
|
||||
'header-template': 'Contact',
|
||||
'footer-template': 'contact',
|
||||
'link-underline': 'never',
|
||||
|
||||
@@ -63,8 +63,6 @@ $o-website-values-palettes: (
|
||||
'color-palettes-name': 'orchid-7',
|
||||
'font': 'Questrial',
|
||||
'headings-font': 'Cormorant Garamond',
|
||||
'navbar-font': 'Questrial',
|
||||
'buttons-font': 'Questrial',
|
||||
'header-template': 'default',
|
||||
'footer-template': 'descriptive',
|
||||
),
|
||||
|
||||
@@ -90,9 +90,6 @@ $o-website-values-palettes: (
|
||||
|
||||
// Font
|
||||
'font': 'Roboto',
|
||||
'headings-font': 'Roboto',
|
||||
'navbar-font': 'Roboto',
|
||||
'buttons-font': 'Roboto',
|
||||
|
||||
// Buttons
|
||||
'btn-border-radius': 0px,
|
||||
|
||||
@@ -10,8 +10,6 @@ $o-website-values-palettes: (
|
||||
// Fonts
|
||||
'font': 'Source Sans Pro',
|
||||
'headings-font': 'Poppins',
|
||||
'navbar-font': 'Source Sans Pro',
|
||||
'buttons-font': 'Source Sans Pro',
|
||||
|
||||
// Header
|
||||
'header-template': 'custom-theme',
|
||||
|
||||
@@ -12,9 +12,6 @@ $o-website-values-palettes: (
|
||||
|
||||
// Font
|
||||
'font': 'Poppins',
|
||||
'headings-font': 'Poppins',
|
||||
'navbar-font': 'Poppins',
|
||||
'buttons-font': 'Poppins',
|
||||
|
||||
// Buttons
|
||||
'btn-padding-y': .45rem,
|
||||
|
||||
@@ -58,8 +58,6 @@ $o-website-values-palettes: (
|
||||
'color-palettes-name': 'yes-3',
|
||||
'font': 'Quicksand',
|
||||
'headings-font': 'Playfair Display',
|
||||
'navbar-font': 'Quicksand',
|
||||
'buttons-font': 'Quicksand',
|
||||
'footer-template': 'descriptive',
|
||||
'btn-border-radius': 10rem,
|
||||
'btn-border-radius-sm': 10rem,
|
||||
|
||||
+8
-8
@@ -3,13 +3,13 @@
|
||||
//------------------------------------------------------------------------------//
|
||||
|
||||
// Headings
|
||||
@if o-website-value('headings-font') == 'Roboto' {
|
||||
@if nth($o-theme-headings-font, 1) == 'Roboto' {
|
||||
$o-theme-headings-font-weight: 500;
|
||||
}
|
||||
@else if o-website-value('headings-font') == 'Nunito' {
|
||||
@else if nth($o-theme-headings-font, 1) == 'Nunito' {
|
||||
$o-theme-headings-font-weight: 600;
|
||||
}
|
||||
@else if o-website-value('headings-font') == 'Advent Pro' {
|
||||
@else if nth($o-theme-headings-font, 1) == 'Advent Pro' {
|
||||
$o-theme-headings-font-weight: 600;
|
||||
}
|
||||
|
||||
@@ -37,19 +37,19 @@
|
||||
}
|
||||
|
||||
// Buttons
|
||||
@if o-website-value('buttons-font') == 'Roboto' {
|
||||
@if nth($o-theme-buttons-font, 1) == 'Roboto' {
|
||||
$o-theme-btn-font-weight: 500;
|
||||
}
|
||||
@else if o-website-value('buttons-font') == 'Advent Pro' {
|
||||
@else if nth($o-theme-buttons-font, 1) == 'Advent Pro' {
|
||||
$o-theme-btn-font-weight: 600;
|
||||
}
|
||||
@else if o-website-value('buttons-font') == 'Oswald' {
|
||||
@else if nth($o-theme-buttons-font, 1) == 'Oswald' {
|
||||
$o-theme-btn-font-weight: 200;
|
||||
}
|
||||
@else if o-website-value('buttons-font') == 'Open Sans' {
|
||||
@else if nth($o-theme-buttons-font, 1) == 'Open Sans' {
|
||||
$o-theme-btn-font-weight: 600;
|
||||
}
|
||||
@else if o-website-value('buttons-font') == 'Montserrat Alternates' {
|
||||
@else if nth($o-theme-buttons-font, 1) == 'Montserrat Alternates' {
|
||||
$o-theme-btn-font-weight: 600;
|
||||
}
|
||||
|
||||
|
||||
@@ -14,9 +14,6 @@ $o-website-values-palettes: (
|
||||
|
||||
// Font
|
||||
'font': 'Lato',
|
||||
'headings-font': 'Lato',
|
||||
'navbar-font': 'Lato',
|
||||
'buttons-font': 'Lato',
|
||||
|
||||
// Buttons
|
||||
'btn-padding-y': .625rem,
|
||||
|
||||
Reference in New Issue
Block a user