[ADD] theme 14.0

theme_nano/static/src/js/tour.js

@@ -0,0 +1,43 @@
+odoo.define("theme_nano.tour.nano", function (require) {
+"use strict";
+
+const wTourUtils = require("website.tour_utils");
+var tour = require("web_tour.tour");
+
+const snippets = [
+    {
+        id: 's_carousel',
+        name: 'Carousel',
+    },
+    {
+        id: 's_features',
+        name: 'Features',
+    },
+    {
+        id: 's_image_text',
+        name: 'Image - Text',
+    },
+    {
+        id: 's_text_block',
+        name: 'Text',
+    },
+    {
+        id: 's_three_columns',
+        name: 'Columns',
+    },
+];
+
+wTourUtils.registerThemeHomepageTour("nano_tour", [
+    wTourUtils.dragNDrop(snippets[0]),
+    wTourUtils.clickOnText(snippets[0], 'h2', 'top'),
+    wTourUtils.goBackToBlocks(),
+    wTourUtils.dragNDrop(snippets[1]),
+    wTourUtils.dragNDrop(snippets[2]),
+    wTourUtils.dragNDrop(snippets[3]),
+    wTourUtils.dragNDrop(snippets[4]),
+    wTourUtils.clickOnSnippet(snippets[4], 'top'),
+    wTourUtils.changeBackgroundColor(),
+    wTourUtils.selectColorPalette(),
+    wTourUtils.clickOnSave(),
+]);
+});

theme_nano/static/src/scss/bootstrap_overridden.scss

@@ -0,0 +1,82 @@
+//------------------------------------------------------------------------------//
+// TODO ideally this should be done in primary variables if it was possible.
+//------------------------------------------------------------------------------//
+
+// Headings
+@if o-website-value('headings-font-number') == 1 {
+    // Roboto
+    $o-theme-headings-font-weight:          500;
+}
+@else if o-website-value('headings-font-number') == 4 {
+    // 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;
+    $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
+    $o-theme-font-weight-bold:              500;
+}
+@else if o-website-value('font-number') == 4 {
+    // Lato
+    $o-theme-font-weight-light:             300;
+    $o-theme-font-weight-bold:              600;
+}
+@else if o-website-value('font-number') == 5 {
+    // Advent Pro
+    $o-theme-font-weight-bold:              600;
+}
+@else if o-website-value('font-number') == 6 {
+    // 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
+    $o-theme-font-weight-bold:              600;
+}
+@else if o-website-value('font-number') == 10 {
+    // Montserrat Alternates
+    $o-theme-font-weight-bold:              600;
+}
+
+// Buttons
+@if o-website-value('buttons-font-number') == 1 {
+    // Roboto
+    $o-theme-btn-font-weight:               500;
+}
+@else if o-website-value('buttons-font-number') == 5 {
+    // Advent Pro
+    $o-theme-btn-font-weight:               600;
+}
+@else if o-website-value('buttons-font-number') == 6 {
+    // Oswald
+    $o-theme-btn-font-weight:               200;
+}
+@else if o-website-value('buttons-font-number') == 8 {
+    // Open Sans
+    $o-theme-btn-font-weight:               600;
+}
+@else if o-website-value('buttons-font-number') == 10 {
+    // Montserrat Alternates
+    $o-theme-btn-font-weight:               600;
+}
+
+//------------------------------------------------------------------------------//
+// Bootstrap
+//------------------------------------------------------------------------------//
+
+// 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;

theme_nano/static/src/scss/primary_variables.scss

@@ -0,0 +1,237 @@
+//------------------------------------------------------------------------------//
+// Presets
+//------------------------------------------------------------------------------//
+
+$o-website-values-palettes: (
+    (
+        // Header
+        'header-template':                  'sidebar',
+        'hamburger-type':                   'off-canvas',
+        'hamburger-position':               'left',
+        'header-font-size':                 1rem,
+        'header-links-style':               'fill',
+
+        // Font
+        'font':                             'Nunito',
+        'headings-font':                    'Nunito',
+        'navbar-font':                      'Nunito',
+        'buttons-font':                     'Nunito',
+
+        // Body
+        'font-size-base':                   1rem,
+        'btn-ripple':                       true,
+
+        // Footer
+        'footer-template':                  'minimalist',
+        'footer-effect':                    'slideout_slide_hover',
+        'footer-scrolltop':                 true,
+    ),
+);
+
+//------------------------------------------------------------------------------//
+// Fonts
+//------------------------------------------------------------------------------//
+
+$o-theme-font-configs: (
+    'Roboto': (
+        'family': ('Roboto', sans-serif),
+        'url': 'Roboto:300,300i,400,400i,500,500i',
+    ),
+    'Roboto Slab': (
+        'family': ('Roboto Slab', serif),
+        'url': 'Roboto+Slab:300,300i,400,400i,700,700i',
+    ),
+    'Dosis': (
+        'family': ('Dosis', sans-serif),
+        'url': 'Dosis:300,300i,400,400i,700,700i',
+    ),
+    'Lato': (
+        'family': ('Lato', sans-serif),
+        'url': 'Lato:300,300i,400,400i,700,700i',
+    ),
+    'Advent Pro': (
+        'family': ('Advent Pro', sans-serif),
+        'url': 'Advent+Pro:300,300i,400,400i,600,600i',
+        'base': (
+            'font-size-base':               1.125rem,
+        ),
+    ),
+    'Oswald': (
+        'family': ('Oswald', sans-serif),
+        'url': 'Oswald:200,200i,400,400i,500,500i',
+        'base': (
+            'font-size-base':               1.25rem,
+        ),
+    ),
+    'Oxygen': (
+        'family': ('Oxygen', sans-serif),
+        'url': 'Oxygen:300,300i,400,400i,700,700i',
+    ),
+    'Open Sans': (
+        'family': ('Open Sans', sans-serif),
+        'url': 'Open+Sans:300,300i,400,400i,600,600i',
+    ),
+    'Merriweather': (
+        'family': ('Merriweather', serif),
+        'url': 'Merriweather:300,300i,400,400i,700,700i',
+    ),
+    'Montserrat Alternates': (
+        'family': ('Montserrat Alternates', sans-serif),
+        'url': 'Montserrat+Alternates:300,300i,400,400i,600,600i',
+    ),
+    'Nunito': (
+        'family': ('Nunito', sans-serif),
+        'url': 'Nunito:300,300i,400,400i,700,700i',
+    ),
+);
+
+//------------------------------------------------------------------------------//
+// Colors
+//------------------------------------------------------------------------------//
+
+$o-color-palettes: (
+    ( // Palette 1
+        'o-color-1':                        #ed8558,
+        'o-color-2':                        #74bcc5,
+        'o-color-3':                        #efe9e0,
+        'o-color-4':                        #ffffff,
+        'o-color-5':                        #23262b,
+
+        'o-cc2-headings':                   'o-color-5',
+        'o-cc3-btn-primary':                'o-color-4',
+        'o-cc3-link':                       'o-color-4',
+        'o-cc4-link':                       'o-color-4',
+        'o-cc5-btn-secondary':              'o-color-2',
+
+        'preheader':                        4,
+        'menu':                             5,
+        'footer':                           2,
+        'copyright':                        5,
+    ),
+    ( // Palette 2
+        'o-color-1':                        #e77557,
+        'o-color-2':                        #213047,
+        'o-color-3':                        #f2f2f2,
+        'o-color-4':                        #ffffff,
+        'o-color-5':                        #23262b,
+
+        'o-cc2-headings':                   'o-color-2',
+        'o-cc4-link':                       'o-color-4',
+
+        'menu':                             3,
+        'footer':                           2,
+        'copyright':                        2,
+    ),
+    ( // Palette 3
+        'o-color-1':                        #85bf4b,
+        'o-color-2':                        #74bcc5,
+        'o-color-3':                        #eaf2df,
+        'o-color-4':                        #ffffff,
+        'o-color-5':                        #23262b,
+
+        'o-cc2-headings':                   'o-color-5',
+        'o-cc3-btn-primary':                'o-color-5',
+        'o-cc3-link':                       'o-color-4',
+        'o-cc4-link':                       'o-color-4',
+        'o-cc5-btn-secondary':              'o-color-2',
+
+        'menu':                             5,
+        'footer':                           5,
+        'copyright':                        5,
+    ),
+    ( // Palette 4
+        'o-color-1':                        #16c6cc,
+        'o-color-2':                        #d72d3c,
+        'o-color-3':                        #e9ecef,
+        'o-color-4':                        #ffffff,
+        'o-color-5':                        #23262b,
+
+        'o-cc2-headings':                   'o-color-5',
+        'o-cc3-link':                       'o-color-4',
+        'o-cc4-link':                       'o-color-4',
+
+        'menu':                             5,
+        'footer':                           2,
+        'copyright':                        4,
+    ),
+    ( // Palette 5
+        'o-color-1':                        #c7db58,
+        'o-color-2':                        #413659,
+        'o-color-3':                        #efefed,
+        'o-color-4':                        #ffffff,
+        'o-color-5':                        #23262b,
+
+        'o-cc2-headings':                   'o-color-5',
+        'o-cc2-link':                       'o-color-2',
+        'o-cc3-link':                       'o-color-1',
+        'o-cc5-link':                       'o-color-1',
+
+        'menu':                             3,
+        'footer':                           2,
+        'copyright':                        3,
+    ),
+    ( // Palette 6
+        'o-color-1':                        #db5d6b,
+        'o-color-2':                        #5acaaf,
+        'o-color-3':                        #efefed,
+        'o-color-4':                        #ffffff,
+        'o-color-5':                        #23262b,
+
+        'o-cc3-link':                       'o-color-3',
+        'o-cc3-btn-primary':                'o-color-5',
+        'o-cc4-link':                       'o-color-3',
+        'o-cc5-headings':                   'o-color-1',
+        'o-cc5-link':                       'o-color-1',
+
+        'menu':                             5,
+        'footer':                           2,
+        'copyright':                        5,
+
+        'o-cc2-headings':                   'o-color-5',
+    ),
+);
+// Compatibility
+$o-theme-color-palettes: (
+    (
+        'alpha':                            #ed8558,
+        'beta':                             #74bcc5,
+        'gamma':                            #7cc086,
+        'delta':                            #afd5a6,
+        'epsilon':                          #f3da80,
+    ),
+    (
+        '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':                            #db5d6b,
+        'beta':                             #ea958e,
+        'gamma':                            #fffcdb,
+        'delta':                            #d4e090,
+        'epsilon':                          #79d4be,
+    ),
+);