[IMP] theme_aviato: revamp the theme

task-4178017
Part of task-4177975

X-original-commit: dff50a4a87
Part-of: odoo/design-themes#971
Related: odoo/odoo#182039
Signed-off-by: Benjamin Vray (bvr) <bvr@odoo.com>
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>

theme_aviato/static/src/js/tour.js

@@ -1,12 +1,11 @@
 /** @odoo-module */
 
 import * as wTourUtils from '@website/js/tours/tour_utils';
-import { _t } from "@web/core/l10n/translation";
 
 const snippets = [
     {
-        id: 's_cover',
-        name: 'Cover',
+        id: 's_banner',
+        name: 'Banner',
         groupName: "Intro",
     },
     {
@@ -19,25 +18,40 @@ const snippets = [
         name: 'Image - Text',
         groupName: "Content",
     },
+    {
+        id: 's_picture',
+        name: 'Title - Image',
+        groupName: "Images",
+    },
     {
         id: 's_title',
         name: 'Title',
         groupName: "Text",
     },
     {
-        id: 's_three_columns',
-        name: 'Columns',
-        groupName: "Columns",
+        id: 's_masonry_block',
+        name: 'Masonry',
+        groupName: "Images",
     },
     {
-        id: 's_picture',
-        name: 'Title - Image',
-        groupName: "Images",
+        id: 's_company_team',
+        name: 'Team',
+        groupName: "People",
+    },
+    {
+        id: 's_showcase',
+        name: 'Showcase',
+        groupName: "Content",
+    },
+    {
+        id: 's_quotes_carousel',
+        name: 'Quotes',
+        groupName: "People",
     },
 ];
 
 wTourUtils.registerThemeHomepageTour("aviato_tour", () => [
-    wTourUtils.assertCssVariable('--color-palettes-name', '"treehouse-5"'),
+    wTourUtils.assertCssVariable('--color-palettes-name', '"default-16"'),
     ...wTourUtils.insertSnippet(snippets[0]),
     ...wTourUtils.clickOnText(snippets[0], 'h1', 'top'),
     wTourUtils.goBackToBlocks(),
@@ -46,7 +60,7 @@ wTourUtils.registerThemeHomepageTour("aviato_tour", () => [
     ...wTourUtils.insertSnippet(snippets[3]),
     ...wTourUtils.insertSnippet(snippets[4]),
     ...wTourUtils.insertSnippet(snippets[5]),
-    ...wTourUtils.clickOnSnippet(snippets[5], 'top'),
-    wTourUtils.changeOption('ColoredLevelBackground', 'we-button[data-toggle-bg-shape]', _t('Background Shape')),
-    wTourUtils.selectNested('we-select-page', 'BackgroundShape', ':not(.o_we_pager_controls)', _t('Background Shape')),
+    ...wTourUtils.insertSnippet(snippets[6]),
+    ...wTourUtils.insertSnippet(snippets[7]),
+    ...wTourUtils.insertSnippet(snippets[8]),
 ]);

theme_aviato/static/src/scss/primary_variables.scss

@@ -15,15 +15,15 @@ $o-theme-h6-font-size-multiplier: (20 / 16);
 
 $o-website-values-palettes: (
     (
-        'color-palettes-name': 'treehouse-5',
+        'color-palettes-name': 'default-16',
 
         // Header
         'logo-height': 3rem,
         'fixed-logo-height': 2rem,
 
         // Font
-        'font': 'Open Sans',
-        'headings-font': 'Libre Baskerville',
+        'font': 'Lato',
+        'headings-font': 'Playfair Display',
 
         // Buttons
         'btn-padding-y': .45rem,
@@ -47,12 +47,6 @@ $o-website-values-palettes: (
     ),
 );
 
-//------------------------------------------------------------------------------
-// Palettes
-//------------------------------------------------------------------------------
-
-$o-selected-color-palettes-names: append($o-selected-color-palettes-names, 'treehouse-5');
-
 //------------------------------------------------------------------------------
 // Fonts
 //------------------------------------------------------------------------------
@@ -70,6 +64,10 @@ $o-theme-font-configs: (
         'family': ('Lato', sans-serif),
         'url': 'Lato:300,300i,400,400i,700,700i',
     ),
+    'Playfair Display': (
+        'family': ('Playfair Display', serif),
+        'url': 'Playfair+Display:400,400i,700,700i',
+    ),
     'Advent Pro': (
         'family': ('Advent Pro', sans-serif),
         'url': 'Advent+Pro:300,300i,400,400i,600,600i',
@@ -95,7 +93,7 @@ $o-theme-font-configs: (
 );
 
 //------------------------------------------------------------------------------
-// Fonts
+// Background Shapes
 //------------------------------------------------------------------------------
 
 $o-bg-shapes: change-shape-colors-mapping('web_editor', 'Wavy/21', (2: 1));