[ADD] theme_aviato: add new theme aviato

task-2589967

X-original-commit: 18d1f0a532
Part-of: odoo/design-themes#501

theme_aviato/static/description/index.html

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

theme_aviato/static/src/js/tour.js

@@ -0,0 +1,47 @@
+/** @odoo-module */
+
+import wTourUtils from 'website.tour_utils';
+
+const core = require("web.core");
+const _t = core._t;
+
+const snippets = [
+    {
+        id: 's_cover',
+        name: 'Cover',
+    },
+    {
+        id: 's_text_image',
+        name: 'Text - Image',
+    },
+    {
+        id: 's_image_text',
+        name: 'Image - Text',
+    },
+    {
+        id: 's_title',
+        name: 'Title',
+    },
+    {
+        id: 's_three_columns',
+        name: 'Columns',
+    },
+    {
+        id: 's_picture',
+        name: 'Picture',
+    },
+];
+
+wTourUtils.registerThemeHomepageTour("aviato_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]),
+    wTourUtils.clickOnSnippet(snippets[5], 'top'),
+    wTourUtils.changeOption('BackgroundShape', 'we-toggler', _t('Background Shape')),
+    wTourUtils.selectNested('we-select-page', 'BackgroundShape', ':not(.o_we_pager_controls)', _t('Background Shape')),
+]);

theme_aviato/static/src/scss/bootstrap_overridden.scss

@@ -0,0 +1,47 @@
+//------------------------------------------------------------------------------//
+// 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;
+
+// Options
+//
+// Quickly modify global styling by enabling or disabling optional features.
+
+$enable-shadows:                            true;
+
+// Spacing
+//
+// Control the default styling of most Bootstrap elements by modifying these
+// variables. Mostly focused on spacing.
+// You can add more entries to the $spacers map, should you need more variation.
+
+$spacer:                                    1.25rem !default;
+
+// Components
+//
+// Define common padding and border radius sizes and more.
+
+$border-radius:                             .375rem !default;
+$border-radius-lg:                          .5rem !default;
+$border-radius-sm:                          .25rem !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-box-shadow:                            none !default;
+
+$input-color:                               o-color('o-cc1-text') !default;
+$input-placeholder-color:                   o-color('500') !default;
+
+// Cards
+
+$card-spacer-y:                             1rem !default;
+$card-spacer-x:                             1.75rem !default;
+$card-border-width:                         0 !default;
+$card-border-radius:                        $border-radius-lg !default;

theme_aviato/static/src/scss/primary_variables.scss

@@ -0,0 +1,98 @@
+//------------------------------------------------------------------------------
+// Fonts
+//------------------------------------------------------------------------------
+
+$o-theme-h1-font-size-multiplier: (62 / 16);
+$o-theme-h2-font-size-multiplier: (48 / 16);
+$o-theme-h3-font-size-multiplier: (36 / 16);
+$o-theme-h4-font-size-multiplier: (28 / 16);
+$o-theme-h5-font-size-multiplier: (24 / 16);
+$o-theme-h6-font-size-multiplier: (20 / 16);
+
+//------------------------------------------------------------------------------
+// Presets
+//------------------------------------------------------------------------------
+
+$o-website-values-palettes: (
+    (
+        'color-palettes-name': 'treehouse-5',
+
+        // Header
+        'logo-height': 3rem,
+        'fixed-logo-height': 2rem,
+
+        // Font
+        'font': 'Open Sans',
+        'headings-font': 'Libre Baskerville',
+        'navbar-font': 'Open Sans',
+        'buttons-font': 'Open Sans',
+
+        // 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': 'contact',
+        'footer-effect': 'slideout_slide_hover',
+    ),
+);
+
+//------------------------------------------------------------------------------
+// Fonts
+//------------------------------------------------------------------------------
+
+$o-theme-font-configs: (
+    'Roboto': (
+        'family': ('Roboto', sans-serif),
+        'url': 'Roboto:300,300i,400,400i,500,500i',
+    ),
+    'Libre Baskerville': (
+        'family': ('Libre Baskerville', cursive),
+        'url': 'Libre+Baskerville:400,400i,700',
+    ),
+    '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',
+    ),
+);
+
+//------------------------------------------------------------------------------
+// Fonts
+//------------------------------------------------------------------------------
+
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Wavy/21', (2: 1));
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Bold/07_001', (2: 3));