[IMP] theme_nano: update the theme
This commit updates the theme to improve the design with new colors, new pictures and new snippet customizations. task-2590182 Part-of: odoo/design-themes#500
This commit is contained in:
+49
-35
@@ -3,74 +3,59 @@
|
||||
//------------------------------------------------------------------------------//
|
||||
|
||||
// Headings
|
||||
@if o-website-value('headings-font-number') == 1 {
|
||||
// Roboto
|
||||
@if o-website-value('headings-font') == 'Roboto' {
|
||||
$o-theme-headings-font-weight: 500;
|
||||
}
|
||||
@else if o-website-value('headings-font-number') == 4 {
|
||||
// Lato
|
||||
@if o-website-value('headings-font') == 'Dosis' {
|
||||
$o-theme-headings-font-weight: 400;
|
||||
}
|
||||
@else if o-website-value('headings-font') == 'Lato' {
|
||||
$o-theme-headings-font-weight: 300;
|
||||
}
|
||||
@else if o-website-value('headings-font-number') == 5 {
|
||||
// Advent Pro
|
||||
$o-theme-h1-font-size-multiplier: 4;
|
||||
$o-theme-h2-font-size-multiplier: 3.5;
|
||||
@else if o-website-value('headings-font') == 'Advent Pro' {
|
||||
$o-theme-headings-font-weight: 600;
|
||||
}
|
||||
@else if o-website-value('headings-font-number') == 6 {
|
||||
// Oswald
|
||||
$o-theme-h1-font-size-multiplier: 4;
|
||||
$o-theme-h2-font-size-multiplier: 3.5;
|
||||
}
|
||||
|
||||
// Body
|
||||
@if o-website-value('font-number') == 1 {
|
||||
// Roboto
|
||||
@if o-website-value('font') == 'Roboto' {
|
||||
$o-theme-font-weight-bold: 500;
|
||||
}
|
||||
@else if o-website-value('font-number') == 4 {
|
||||
// Lato
|
||||
@if o-website-value('font') == 'Dosis' {
|
||||
$o-theme-font-weight-bold: 500;
|
||||
}
|
||||
@else if o-website-value('font') == 'Lato' {
|
||||
$o-theme-font-weight-light: 300;
|
||||
$o-theme-font-weight-bold: 600;
|
||||
}
|
||||
@else if o-website-value('font-number') == 5 {
|
||||
// Advent Pro
|
||||
@else if o-website-value('font') == 'Advent Pro' {
|
||||
$o-theme-font-weight-bold: 600;
|
||||
}
|
||||
@else if o-website-value('font-number') == 6 {
|
||||
// Oswald
|
||||
@else if o-website-value('font') == 'Oswald' {
|
||||
$o-theme-font-weight-light: 200;
|
||||
$o-theme-font-weight-normal: 300;
|
||||
$o-theme-font-weight-bold: 400;
|
||||
}
|
||||
@else if o-website-value('font-number') == 8 {
|
||||
// Open Sans
|
||||
@else if o-website-value('font') == 'Open Sans' {
|
||||
$o-theme-font-weight-bold: 600;
|
||||
}
|
||||
@else if o-website-value('font-number') == 10 {
|
||||
// Montserrat Alternates
|
||||
@else if o-website-value('font') == 'Montserrat Alternates' {
|
||||
$o-theme-font-weight-bold: 600;
|
||||
}
|
||||
|
||||
// Buttons
|
||||
@if o-website-value('buttons-font-number') == 1 {
|
||||
// Roboto
|
||||
@if o-website-value('buttons-font') == 'Roboto' {
|
||||
$o-theme-btn-font-weight: 500;
|
||||
}
|
||||
@else if o-website-value('buttons-font-number') == 5 {
|
||||
// Advent Pro
|
||||
@else if o-website-value('buttons-font') == 'Advent Pro' {
|
||||
$o-theme-btn-font-weight: 600;
|
||||
}
|
||||
@else if o-website-value('buttons-font-number') == 6 {
|
||||
// Oswald
|
||||
@else if o-website-value('buttons-font') == 'Oswald' {
|
||||
$o-theme-btn-font-weight: 200;
|
||||
}
|
||||
@else if o-website-value('buttons-font-number') == 8 {
|
||||
// Open Sans
|
||||
@else if o-website-value('buttons-font') == 'Open Sans' {
|
||||
$o-theme-btn-font-weight: 600;
|
||||
}
|
||||
@else if o-website-value('buttons-font-number') == 10 {
|
||||
// Montserrat Alternates
|
||||
@else if o-website-value('buttons-font') == 'Montserrat Alternates' {
|
||||
$o-theme-btn-font-weight: 600;
|
||||
}
|
||||
|
||||
@@ -80,3 +65,32 @@
|
||||
|
||||
// The yiq lightness value that determines when the lightness of color changes from "dark" to "light". Acceptable values are between 0 and 255.
|
||||
$yiq-contrasted-threshold: 200 !default;
|
||||
|
||||
// Typography
|
||||
//
|
||||
// Font, line-height, and color for body text, headings, and more.
|
||||
|
||||
$font-size-lg: o-website-value('font-size-base') * $o-theme-font-size-lg-multiplier !default;
|
||||
$font-size-sm: o-website-value('font-size-base') * $o-theme-font-size-sm-multiplier !default;
|
||||
|
||||
$font-weight-light: $o-theme-font-weight-light !default;
|
||||
$font-weight-normal: $o-theme-font-weight-normal !default;
|
||||
$font-weight-bold: $o-theme-font-weight-bold !default;
|
||||
|
||||
$headings-font-weight: $o-theme-headings-font-weight !default;
|
||||
|
||||
// Buttons + Forms
|
||||
//
|
||||
// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
|
||||
|
||||
$input-btn-focus-width: 0 !default;
|
||||
$input-focus-border-color: o-color('primary') !default;
|
||||
|
||||
$btn-font-weight: 400 !default;
|
||||
$btn-box-shadow: none !default;
|
||||
|
||||
$input-color: o-color('o-cc1-text') !default;
|
||||
$input-placeholder-color: o-color('500') !default;
|
||||
|
||||
// Cards
|
||||
$card-border-width: 0 !default;
|
||||
|
||||
Reference in New Issue
Block a user