[ADD] theme 13.0

theme_zap/static/src/scss/bootstrap_overridden.scss

@@ -0,0 +1,127 @@
+// TODO ideally this should be done in primary variables if it was possible.
+// To be replaced when all font sizes / boldness can be controlled thanks to the
+// themes dialog (one day ?)
+
+@if o-website-value('headings-font-number') == 2 {
+    $o-h3-font-size-factor: 2;
+    $o-h4-font-size-factor: 1.5;
+    $o-h5-font-size-factor: 1.25;
+    $o-h6-font-size-factor: 1.125;
+
+    $o-headings-line-height: 1.25;
+} @else if o-website-value('headings-font-number') == 3 {
+    $o-h3-font-size-factor: 2;
+    $o-h4-font-size-factor: 1.5;
+    $o-h5-font-size-factor: 1.25;
+    $o-h6-font-size-factor: 1.125;
+
+    $o-headings-font-weight: 500;
+
+    $o-btn-font-weight: 600;
+} @else if o-website-value('headings-font-number') == 4 {
+    $o-h1-font-size-factor: 4.5;
+    $o-h2-font-size-factor: 3.75;
+    $o-h3-font-size-factor: 3;
+
+    $o-headings-line-height: 1.25;
+    $o-headings-font-weight: 300;
+} @else if o-website-value('headings-font-number') == 5 {
+    $o-h1-font-size-factor: 4.5;
+    $o-h2-font-size-factor: 3.75;
+    $o-h3-font-size-factor: 3;
+
+    $o-headings-font-weight: 600;
+} @else if o-website-value('headings-font-number') == 6 {
+    $o-h1-font-size-factor: 4.5;
+    $o-h2-font-size-factor: 3.75;
+    $o-h3-font-size-factor: 3;
+} @else if o-website-value('headings-font-number') == 10 {
+    $o-h3-font-size-factor: 2;
+    $o-h4-font-size-factor: 1.5;
+    $o-h5-font-size-factor: 1.25;
+    $o-h6-font-size-factor: 1.125;
+}
+
+@if o-website-value('font-number') == 1 {
+    $o-theme-font-size-large: 1.5 * $o-theme-font-size-base;
+    $o-theme-navbar-font-size: $o-theme-font-size-extra-small;
+    $o-theme-layout-font-size: $o-theme-font-size-extra-small;
+
+    $o-font-weight-bold: 500;
+
+    $o-btn-font-weight: 500;
+} @else if o-website-value('font-number') == 4 {
+    $o-theme-font-size-extra-small: 0.75 * $o-theme-font-size-base;
+    $o-theme-font-size-large: 1.5 * $o-theme-font-size-base;
+    $o-theme-navbar-font-size: $o-theme-font-size-extra-small;
+    $o-theme-layout-font-size: $o-theme-font-size-small;
+
+    $o-font-weight-normal: 400;
+    $o-font-weight-bold: 600;
+} @else if o-website-value('font-number') == 7 {
+    $o-theme-font-size-large: 1.5 * $o-theme-font-size-base;
+    $o-theme-navbar-font-size: $o-theme-font-size-extra-small;
+    $o-theme-layout-font-size: $o-theme-font-size-extra-small;
+} @else if o-website-value('font-number') == 8 {
+    $o-theme-font-size-large: 1.5 * $o-theme-font-size-base;
+    $o-theme-navbar-font-size: $o-theme-font-size-extra-small;
+    $o-theme-layout-font-size: $o-theme-font-size-extra-small;
+
+    $o-font-weight-bold: 600;
+} @else if o-website-value('font-number') == 9 {
+    $o-theme-font-size-large: 1.25 * $o-theme-font-size-base;
+    $o-theme-layout-font-size: $o-theme-font-size-extra-small;
+} @else if o-website-value('font-number') == 11 {
+    $o-theme-font-size-large: 1.5 * $o-theme-font-size-base;
+    $o-theme-font-size-small: 0.8125 * $o-theme-font-size-base;
+    $o-theme-font-size-extra-small: 0.75 * $o-theme-font-size-base;
+
+    $o-line-height-base: 1.4;
+}
+
+@if o-website-value('buttons-font-number') == 4 {
+    $o-btn-font-weight: 400;
+}
+
+
+//==============================================================================
+
+// Components
+//
+// Define common padding and border radius sizes and more.
+
+$border-radius:               0 !default;
+$border-radius-lg:            0 !default;
+$border-radius-sm:            0 !default;
+
+
+// Buttons
+//
+// For each of Bootstrap's buttons, define text, background, and border color.
+
+$btn-padding-y:                     .625rem !default;
+$btn-padding-x:                     1.375rem !default;
+$btn-border-radius:                 0 !default;
+
+$btn-padding-y-sm:                  .5rem !default;
+$btn-padding-x-sm:                  1rem !default;
+$btn-border-radius-sm:              0 !default;
+
+$btn-padding-y-lg:                  .75rem !default;
+$btn-padding-x-lg:                  1.75rem !default;
+$btn-border-radius-lg:              0 !default;
+
+// Dropdowns
+//
+// Dropdown menu container and contents.
+
+$dropdown-border-color:             palette-theme-color('primary') !default;
+$dropdown-border-width:             .0625rem !default;
+
+// Badges
+
+$badge-border-radius:               0 !default;
+
+// Progress bar
+
+$progress-border-radius:            0 !default;

theme_zap/static/src/scss/primary_variables.scss

@@ -0,0 +1,173 @@
+$o-font-weight-normal: 300;
+$o-theme-font-size-small: 0.875 * $o-theme-font-size-base;
+$o-theme-font-size-extra-small: 0.8125 * $o-theme-font-size-base;
+$o-line-height-base: 1.5;
+$o-headings-line-height: 1.2;
+
+//------------------------------------------------------------------------------
+// Colors
+//------------------------------------------------------------------------------
+
+// Theme colors
+$o-theme-color-palettes: (
+    (
+        'alpha': darken(#428bca, 6.5%),
+        'beta': #5cb85c,
+        'gamma': #5bc0de,
+        'delta': #f0ad4e,
+        'epsilon': #d9534f,
+    ),
+    (
+        'alpha': #ED8C2B,
+        'beta': #CF4A30,
+        'gamma': #911146,
+        'delta': #35203B,
+        'epsilon': #88A825,
+    ),
+    (
+        'alpha': #79BD8F,
+        'beta': #00A388,
+        'gamma': #046380,
+        'delta': #4BB5C1,
+        'epsilon': #BEEB9F,
+    ),
+    (
+        'alpha': #16c6cc,
+        'beta': #D72D3C,
+        'gamma': #ff6d3b,
+        'delta': #ffb733,
+        'epsilon': #ffd55c,
+    ),
+    (
+        'alpha': #14212B,
+        'beta': #E6E2AF,
+        'gamma': #C9DE55,
+        'delta': #962D3E,
+        'epsilon': #413659,
+    ),
+    (
+        'alpha': #ee592f,
+        'beta': #59c1b0,
+        'gamma': #1fa58d,
+        'delta': #f8c63b,
+        'epsilon': #dcb038,
+    ),
+);
+
+
+// Grays
+$o-gray-color-palettes: (
+    (
+        'white': #FFFFFF,
+        '200': #eceef1,
+        '600': #c0c6d0,
+        '700': #949faf,
+        '800': #535f70,
+        '900': #1d2127,
+        'black': #000000,
+    ),
+    (
+        'white': #FFFFFF,
+        '200': #EFECCA,
+        '700': #A7A37E,
+        '900': #1d2127,
+        'black': #000000,
+    ),
+    (
+        'white': #FFFFFF,
+        '200': #eeeeee,
+        '700': #555555,
+        '900': #222222,
+        'black': #000000,
+    ),
+    (
+        'white': #FFFFFF,
+        '200': #eceef1,
+        '600': #c0c6d0,
+        '700': #949faf,
+        '800': #535f70,
+        '900': #1d2127,
+        'black': #000000,
+    ),
+    (
+        'white': #FFFFFF,
+        '200': #BDD4DE,
+        '700': #348899,
+        '900': #3F5765,
+        'black': #000000,
+    ),
+    (
+        'white': #FFFFFF,
+        '200': #d5deeb,
+        '700': #a8b3c0,
+        '900': #323a49,
+        'black': #000000,
+    ),
+);
+
+// Colors
+$o-color-palettes: ();
+@each $-palette in $o-gray-color-palettes {
+    $o-color-palettes: append($o-color-palettes, (
+        'menu': map-get($-palette, '200'),
+        'footer': map-get($-palette, '200'),
+        'text': map-get($-palette, '900'),
+    ));
+}
+
+//------------------------------------------------------------------------------
+// Website customizations
+//------------------------------------------------------------------------------
+
+$o-website-values-palettes: (
+    (
+        'font-number': 1,
+        'headings-font-number': 2,
+        'buttons-font-number': 1,
+        'navbar-font-number': 1,
+    ),
+);
+
+//------------------------------------------------------------------------------
+// Fonts
+//------------------------------------------------------------------------------
+
+$o-theme-fonts: (
+    ('Roboto', sans-serif),
+    ('Roboto Slab', serif),
+    ('Dosis', sans-serif),
+    ('Lato', sans-serif),
+    ('Advent Pro', sans-serif),
+    ('Oswald', sans-serif),
+    ('Oxygen', sans-serif),
+    ('Open Sans', sans-serif),
+    ('Merriweather', serif),
+    ('Montserrat Alternates', sans-serif),
+    ('Nunito', sans-serif),
+);
+$o-theme-font-urls: (
+    'Roboto:300,300i,400,400i,700,700i',
+    'Roboto+Slab:300,300i,400,400i,700,700i',
+    'Dosis:300,300i,400,400i,700,700i',
+    'Lato:300,300i,400,400i,700,700i',
+    'Advent+Pro:300,300i,400,400i,700,700i',
+    'Oswald:300,300i,400,400i,700,700i',
+    'Oxygen:300,300i,400,400i,700,700i',
+    'Open+Sans:300,300i,400,400i,700,700i',
+    'Merriweather:300,300i,400,400i,700,700i',
+    'Montserrat+Alternates:300,300i,400,400i,700,700i',
+    'Nunito:300,300i,400,400i,700,700i',
+);
+$o-theme-font-names: (
+    'Roboto',
+    'Roboto Slab',
+    'Dosis',
+    'Lato',
+    'Advent Pro',
+    'Oswald',
+    'Oxygen',
+    'Open Sans',
+    'Merriweather',
+    'Montserrat Alternates',
+    'Nunito',
+);

theme_zap/static/src/scss/theme.scss

@@ -0,0 +1,26 @@
+
+.btn {
+    padding: 10px 22px;
+
+    &.btn-sm {
+        padding: 6px 10px;
+    }
+    &.btn-lg {
+        padding: 12px 28px;
+    }
+}
+
+#wrapwrap header .navbar .navbar-nav .nav-item > .dropdown-menu .dropdown-item {
+    padding: 8px 14px;
+
+    &:before {
+        content: '';
+        margin: 0;
+    }
+}
+
+.o_footer_copyright .js_language_selector {
+    .dropdown-toggle {
+        padding: 3px 16px;
+    }
+}