[IMP] theme_clean: update the theme

This commit updates the theme to improve the design with new colors, new
pictures and new snippet customizations.

task-2597387

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

theme_clean/static/src/js/tour.js

@@ -1,21 +1,34 @@
-odoo.define("theme_clean.tour.clean", function (require) {
-"use strict";
+/** @odoo-module */
 
-const wTourUtils = require("website.tour_utils");
-var tour = require("web_tour.tour");
+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_title',
+        name: 'Title',
+    },
+    {
+        id: 's_features',
+        name: 'Features',
+    },
     {
         id: 's_carousel',
         name: 'Carousel',
     },
     {
-        id: 's_text_image',
-        name: 'Text - Image',
+        id: 's_numbers',
+        name: 'Numbers',
     },
     {
         id: 's_three_columns',
@@ -34,9 +47,11 @@ wTourUtils.registerThemeHomepageTour("clean_tour", [
     wTourUtils.dragNDrop(snippets[1]),
     wTourUtils.dragNDrop(snippets[2]),
     wTourUtils.dragNDrop(snippets[3]),
+    wTourUtils.clickOnSnippet(snippets[3]),
+    wTourUtils.changeOption('ContainerWidth', 'we-button-group.o_we_user_value_widget', _t('width')),
+    wTourUtils.goBackToBlocks(),
     wTourUtils.dragNDrop(snippets[4]),
-    wTourUtils.clickOnSnippet(snippets[4]),
-    wTourUtils.changeBackgroundColor(),
-    wTourUtils.selectColorPalette(),
+    wTourUtils.dragNDrop(snippets[5]),
+    wTourUtils.dragNDrop(snippets[6]),
+    wTourUtils.dragNDrop(snippets[7]),
 ]);
-});

theme_clean/static/src/scss/primary_variables.scss

@@ -102,12 +102,12 @@ $o-theme-color-palettes: map-merge($o-theme-color-palettes,
 // Fonts
 //------------------------------------------------------------------------------
 
-$o-theme-h1-font-size-multiplier: (41 / 16);
-$o-theme-h2-font-size-multiplier: (34 / 16);
-$o-theme-h3-font-size-multiplier: (28 / 16);
-$o-theme-h4-font-size-multiplier: (20 / 16);
-$o-theme-h5-font-size-multiplier: 1;
-$o-theme-h6-font-size-multiplier: (14 / 16);
+$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: (24 / 16);
+$o-theme-h5-font-size-multiplier: (21 / 16);
+$o-theme-h6-font-size-multiplier: (18 / 16);
 
 $o-theme-font-configs: (
     'PT Sans': (
@@ -244,7 +244,9 @@ $o-theme-color-palettes-compatibility-indexes: (
 // Shapes
 //------------------------------------------------------------------------------
 
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Airy/10', (5: 1));
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Origins/04_001', (3: 4));
 $o-bg-shapes: change-shape-colors-mapping('web_editor', 'Origins/14', (4: 4));
-$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Origins/14_001', (4: rgba(255, 255, 255, 0), 3: 4));
-$o-bg-shapes: add-header-shape-colors-mapping('web_editor', 'Origins/07_001', (3: 'menu', 5: 2));
-$o-bg-shapes: add-header-shape-colors-mapping('web_editor', 'Origins/07_002', (3: 'menu', 5: 2));
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Origins/14_001', (4: 2, 3: 1));
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Origins/07_002', (3: 2, 4: 4, 5: 2));
+$o-bg-shapes: add-header-shape-colors-mapping('web_editor', 'Origins/07_002', (3: 'menu', 4: 4, 5: 2));