[IMP] theme_odoo_experts: update the theme

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

task-2585389

Part-of: odoo/design-themes#500

theme_odoo_experts/static/description/index.html

@@ -7,7 +7,7 @@
         first projects on the web. Just drag & drop the new building blocks
         you need to easily build your layout. All layouts are made of sections,
         that you can easily combine to fit your specific project.</p>
-    <img src="odoo_experts_description.png" class="img-fluid d-block mx-auto"/>
+    <img src="odoo_experts_description.jpg" class="img-fluid d-block mx-auto"/>
     <hr>
 
     <h2 class="text-muted">Odoo Experts Customization Tool</h2>

theme_odoo_experts/static/src/js/tour.js

@@ -1,15 +1,14 @@
-odoo.define("theme_odoo_experts.tour.odoo_experts", 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_banner',
-        name: 'Banner',
+        id: 's_cover',
+        name: 'Cover',
     },
     {
         id: 's_image_text',
@@ -19,6 +18,14 @@ const snippets = [
         id: 's_media_list',
         name: 'Media List',
     },
+    {
+        id: 's_company_team',
+        name: 'Team',
+    },
+    {
+        id: 's_references',
+        name: 'References',
+    },
     {
         id: 's_call_to_action',
         name: 'Call to Action',
@@ -32,7 +39,9 @@ wTourUtils.registerThemeHomepageTour("odoo_experts_tour", [
     wTourUtils.dragNDrop(snippets[1]),
     wTourUtils.dragNDrop(snippets[2]),
     wTourUtils.dragNDrop(snippets[3]),
-    wTourUtils.clickOnSnippet(snippets[3]),
-    wTourUtils.changeOption('ScrollButton', 'we-button-group.o_we_user_value_widget', _t('height')),
+    wTourUtils.dragNDrop(snippets[4]),
+    wTourUtils.clickOnSnippet(snippets[4], 'top'),
+    wTourUtils.changeOption('ContainerWidth', 'we-button-group.o_we_user_value_widget', _t('width')),
+    wTourUtils.goBackToBlocks(),
+    wTourUtils.dragNDrop(snippets[5]),
 ]);
-});

theme_odoo_experts/static/src/scss/bootstrap_overridden.scss

@@ -0,0 +1,3 @@
+// Headings font weight
+
+$headings-font-weight: $o-theme-headings-font-weight !default;

theme_odoo_experts/static/src/scss/primary_variables.scss

@@ -2,12 +2,14 @@
 // Fonts
 //------------------------------------------------------------------------------
 
-$o-theme-h1-font-size-multiplier: (25 / 12);
-$o-theme-h2-font-size-multiplier: (18 / 12);
-$o-theme-h3-font-size-multiplier: (16 / 12);
-$o-theme-h4-font-size-multiplier: (14 / 12);
-$o-theme-h5-font-size-multiplier: 1;
-$o-theme-h6-font-size-multiplier: 1;
+$o-theme-h1-font-size-multiplier: (62 / 16);
+$o-theme-h2-font-size-multiplier: (44 / 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-headings-font-weight: 700;
 
 $o-theme-font-configs: (
     'Heebo': (
@@ -58,6 +60,10 @@ $o-theme-font-configs: (
         'family': ('Oswald', sans-serif),
         'url': 'Oswald:300,300i,400,400i,700,700i',
     ),
+    'Work Sans': (
+        'family': ('Work Sans', sans-serif),
+        'url': 'Work+Sans:300,300i,400,400i,700,700i',
+    ),
 );
 
 //------------------------------------------------------------------------------
@@ -69,17 +75,17 @@ $o-website-values-palettes: (
         'color-palettes-name': 'odoo-experts-1',
         'logo-height': (52 / 16) * 1rem,
         'fixed-logo-height': (52 / 16) * 1rem,
-        'header-font-size': (18 / 16) * 1rem,
+        'header-font-size': 1rem,
         'btn-border-radius': 0,
         'btn-border-radius-lg': 0,
         'btn-border-radius-sm': 0,
         'font': 'Lato',
-        'headings-font': 'Oswald',
-        'navbar-font': 'Oswald',
+        'headings-font': 'Work Sans',
+        'navbar-font': 'Work Sans',
         'buttons-font': 'Lato',
         'header-template': 'Contact',
         'footer-template': 'contact',
-        'header-links-style': 'border-bottom',
+        'link-underline': 'never',
     ),
 );
 
@@ -108,3 +114,18 @@ $o-color-palettes-compatibility-indexes: (
     20: 'generic-16',
     21: 'generic-17',
 );
+
+//------------------------------------------------------------------------------
+// Shapes
+//------------------------------------------------------------------------------
+
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Origins/02_001', (5: 3));
+$o-bg-shapes: add-extra-shape-colors-mapping('web_editor', 'Origins/02_001', 'second', (4: 4, 5:2));
+$o-bg-shapes: add-extra-shape-colors-mapping('web_editor', 'Origins/02_001', 'third', (4: 2, 5: 1));
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Origins/09_001', (3: 5));
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Origins/16', (3: 1));
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Floats/07', (1: 5));
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Blobs/04', (5: 5));
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Rainy/10', (1: 5, 3: 5));
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Airy/01', (1: 3));
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Airy/03_001', (5: 4));