[IMP] theme_bewise: update the theme

This commit updates the theme to improve the design with shapes, new
pictures and new custom snippets.

task-2573302

Part-of: odoo/design-themes#477

theme_bewise/static/src/js/tour.js

@@ -1,12 +1,9 @@
-odoo.define("theme_bewise.tour.bewise", function (require) {
-"use strict";
+/** @odoo-module */
+import wTourUtils from 'website.tour_utils';
 
 const core = require("web.core");
 const _t = core._t;
 
-const wTourUtils = require("website.tour_utils");
-var tour = require("web_tour.tour");
-
 const snippets = [
     {
         id: 's_cover',
@@ -33,8 +30,8 @@ const snippets = [
         name: 'Quotes',
     },
     {
-        id: 's_company_team',
-        name: 'Team',
+        id: 's_color_blocks_2',
+        name: 'Big Boxes',
     },
 ];
 
@@ -45,11 +42,11 @@ wTourUtils.registerThemeHomepageTour("bewise_tour", [
     wTourUtils.dragNDrop(snippets[1], 'top'),
     wTourUtils.dragNDrop(snippets[2], 'top'),
     wTourUtils.dragNDrop(snippets[3], 'top'),
+    wTourUtils.clickOnSnippet(snippets[3], 'top'),
+    wTourUtils.changeOption('BackgroundShape', 'we-toggler', _t('Background Shape')),
+    wTourUtils.selectNested('we-select-page', 'BackgroundShape', ':not(.o_we_pager_controls)', _t('Background Shape')),
+    wTourUtils.goBackToBlocks(),
     wTourUtils.dragNDrop(snippets[4], 'top'),
     wTourUtils.dragNDrop(snippets[5], 'top'),
     wTourUtils.dragNDrop(snippets[6], 'top'),
-    wTourUtils.clickOnSnippet(snippets[6], 'top'),
-    wTourUtils.changeOption('BackgroundShape', 'we-toggler', _t('Background Shape')),
-    wTourUtils.selectNested('we-select-page', 'BackgroundShape', ':not(.o_we_pager_controls)', _t('Background Shape')),
 ]);
-});

theme_bewise/static/src/scss/primary_variables.scss

@@ -41,12 +41,12 @@ $o-theme-color-palettes: map-merge($o-theme-color-palettes,
 // Fonts
 //------------------------------------------------------------------------------
 
-$o-theme-h1-font-size-multiplier: (48.83 / 16);
-$o-theme-h2-font-size-multiplier: (39.06 / 16);
-$o-theme-h3-font-size-multiplier: (31.25 / 16);
-$o-theme-h4-font-size-multiplier: (25.00 / 16);
-$o-theme-h5-font-size-multiplier: (20.00 / 16);
-$o-theme-h6-font-size-multiplier: 1.1;
+$o-theme-h1-font-size-multiplier: (56 / 21);
+$o-theme-h2-font-size-multiplier: (36 / 21);
+$o-theme-h3-font-size-multiplier: (28 / 21);
+$o-theme-h4-font-size-multiplier: (24 / 21);
+$o-theme-h5-font-size-multiplier: 1;
+$o-theme-h6-font-size-multiplier: (18 / 21);
 
 $o-theme-font-configs: (
     'Lato': (
@@ -105,7 +105,7 @@ $o-website-values-palettes: (
 
         'header-font-size': (20 / 16) * 1rem,
         'font': 'Darker Grotesque',
-        'font-size-base': 1.2rem,
+        'font-size-base': 1.3125rem,
         'headings-font': 'Raleway',
         'navbar-font': 'Darker Grotesque',
         'buttons-font': 'Darker Grotesque',
@@ -155,4 +155,7 @@ $o-theme-color-palettes-compatibility-indexes: (
 // Shapes
 //------------------------------------------------------------------------------
 
-$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Blobs/11', (1: 5));
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Origins/14_001', (3: 1, 4: 1));
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Rainy/08_001', (1: 1, 4: 1));
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Floats/06', (1: 3, 2: 5, 3: 5, 5: 3));
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Airy/04_001', (1: 3));