[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:
Cocographique
2021-08-01 21:13:17 +00:00
committed by qsm-odoo
parent 24da809ab0
commit 036df33043
34 changed files with 780 additions and 537 deletions
+49 -35
View File
@@ -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;