[ADD] theme_buzzy: add new theme buzzy

task-2582420

closes odoo/design-themes#501

X-original-commit: b48fe33a0b
Related: odoo/odoo#77123
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>

theme_buzzy/static/description/index.html

@@ -0,0 +1 @@
+<section></section>

theme_buzzy/static/src/js/tour.js

@@ -0,0 +1,41 @@
+/** @odoo-module */
+
+import wTourUtils from 'website.tour_utils';
+
+const snippets = [
+    {
+        id: 's_banner',
+        name: 'Banner',
+    },
+    {
+        id: 's_text_image',
+        name: 'Text - Image',
+    },
+    {
+        id: 's_three_columns',
+        name: 'Columns',
+    },
+    {
+        id: 's_image_text',
+        name: 'Image - Text',
+    },
+    {
+        id: 's_numbers',
+        name: 'Numbers',
+    },
+    {
+        id: 's_call_to_action',
+        name: 'Call to Action',
+    },
+];
+
+wTourUtils.registerThemeHomepageTour("buzzy_tour", [
+    wTourUtils.dragNDrop(snippets[0]),
+    wTourUtils.clickOnText(snippets[0], 'h1', 'top'),
+    wTourUtils.goBackToBlocks(),
+    wTourUtils.dragNDrop(snippets[1]),
+    wTourUtils.dragNDrop(snippets[2]),
+    wTourUtils.dragNDrop(snippets[3]),
+    wTourUtils.dragNDrop(snippets[4]),
+    wTourUtils.dragNDrop(snippets[5]),
+]);

theme_buzzy/static/src/scss/bootstrap_overridden.scss

@@ -0,0 +1,15 @@
+//------------------------------------------------------------------------------//
+// Bootstrap
+//------------------------------------------------------------------------------//
+
+// Typography
+//
+// Font, line-height, and color for body text, headings, and more.
+
+$headings-font-weight:                      $o-theme-headings-font-weight !default;
+
+// Buttons + Forms
+//
+// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
+
+$btn-font-weight:                           600 !default;

theme_buzzy/static/src/scss/primary_variables.scss

@@ -0,0 +1,129 @@
+//------------------------------------------------------------------------------
+// Presets
+//------------------------------------------------------------------------------
+
+$o-website-values-palettes: (
+    (
+        'color-palettes-name':              'kiddo-2',
+
+        // Header
+        'logo-height':                      2.75rem,
+        'fixed-logo-height':                2rem,
+        'header-template':                  'template_header_default',
+
+        // Font
+        'font':                             'Montserrat',
+        'headings-font':                    'Montserrat',
+        'navbar-font':                      'Montserrat',
+        'buttons-font':                     'Montserrat',
+
+        // Buttons
+        'btn-padding-y':                    .45rem,
+        'btn-padding-x':                    1.35rem,
+        'btn-padding-y-sm':                 .3rem,
+        'btn-padding-x-sm':                 .9rem,
+        'btn-padding-y-lg':                 .6rem,
+        'btn-padding-x-lg':                 1.8rem,
+        'btn-border-radius':                10rem,
+        'btn-border-radius-sm':             10rem,
+        'btn-border-radius-lg':             10rem,
+        'btn-ripple':                       true,
+
+        'input-padding-y':                  .45rem,
+        'input-padding-y-sm':               .3rem,
+        'input-padding-y-lg':               .6rem,
+
+        // Footer
+        'footer-template':                  'minimalist',
+        'footer-effect':                    'slideout_slide_hover',
+        'footer-scrolltop':                 true,
+    ),
+);
+
+
+
+//------------------------------------------------------------------------------
+// Fonts
+//------------------------------------------------------------------------------
+
+
+$o-theme-font-configs: (
+    
+    'Abel': (
+        'family': ('Abel', sans-serif),
+        'url': 'Abel:300,300i,400,400i,700,700i',
+        'properties' : (
+            'base': (
+                'font-size-base':           (18 / 16) * 1rem,
+                'header-font-size':         (18 / 16) * 1rem,
+            ),
+        )
+    ),
+    'Dosis': (
+        'family': ('Dosis', sans-serif),
+        'url': 'Dosis:300,300i,400,400i,700,700i',
+        'properties' : (
+            'base': (
+                'font-size-base':           (18 / 16) * 1rem,
+                'header-font-size':         (18 / 16) * 1rem,
+            ),
+        )
+    ),
+    'Karla': (
+        'family': ('Karla', sans-serif),
+        'url': 'Karla:300,300i,400,400i,700,700i',
+    ),
+    'Laila': (
+        'family': ('Laila', serif),
+        'url': 'Laila:300,300i,400,400i,600,600i',
+    ),
+    'Lato': (
+        'family': ('Lato', sans-serif),
+        'url': 'Lato:300,300i,400,400i,700,700i',
+    ),
+    'Poppins': (
+        'family': ('Poppins', sans-serif),
+        'url': 'Poppins:300,300i,400,400i,600,600i',
+        'properties': (
+            'base': (
+                'header-font-size':         (14 / 16) * 1rem,
+                'font-size-base':           (14 / 16) * 1rem,
+            ),
+        )
+    ),
+    'Raleway': (
+        'family': ('Raleway', sans-serif),
+        'url': 'Raleway:300,300i,400,400i,700,700i',
+    ),
+    'Montserrat': (
+        'family': ('Montserrat', serif),
+        'url': 'Montserrat:300,300i,400,400i,600,600i',
+    ),
+);
+
+// Headings
+
+$o-theme-h1-font-size-multiplier:           3;
+$o-theme-h2-font-size-multiplier:           2.5;
+$o-theme-h3-font-size-multiplier:           2;
+$o-theme-h4-font-size-multiplier:           1.75;
+$o-theme-h5-font-size-multiplier:           1.5;
+
+$o-theme-headings-font-weight:              600;
+
+// Texts
+
+$o-theme-font-size-lg-multiplier:           1.25;
+$o-theme-font-size-sm-multiplier:           .875;
+
+//------------------------------------------------------------------------------
+// Shapes
+//------------------------------------------------------------------------------
+
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Origins/02_001', (4: 2, 5: 4));
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Rainy/08_001', (1: 4, 4: 4));
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Wavy/11', (1: 5, 4: 5));
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Airy/03_001', (5: 3));
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Zigs/02_001', (2: 3));
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Airy/13_001', (1: 1, 4: 2));
+$o-bg-shapes: add-extra-shape-colors-mapping('web_editor', 'Wavy/11', 'second', (1: 4, 4: 4));