[IMP] theme_orchid: update the theme

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

task-2619127

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

theme_orchid/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="orchid_description.png" class="img-fluid d-block mx-auto"/>
+    <img src="orchid_description.jpg" class="img-fluid d-block mx-auto"/>
     <hr/>
 
     <h2 class="text-muted">Orchid Customization Tool</h2>

theme_orchid/static/src/js/tour.js

@@ -1,10 +1,9 @@
-odoo.define("theme_orchid.tour.orchid", 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 = [
     {
@@ -45,8 +44,5 @@ wTourUtils.registerThemeHomepageTour("orchid_tour", [
     wTourUtils.goBackToBlocks(),
     wTourUtils.dragNDrop(snippets[4]),
     wTourUtils.dragNDrop(snippets[5]),
-    wTourUtils.clickOnSnippet(snippets[5]),
-    wTourUtils.changeBackgroundColor(),
-    wTourUtils.selectColorPalette(),
+    wTourUtils.clickOnText(snippets[5], 'h3'),
 ]);
-});

theme_orchid/static/src/scss/bootstrap_overridden.scss

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

theme_orchid/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: (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-headings-font-weight: 600;
 
 $o-theme-font-configs: (
     'Heebo': (
@@ -46,6 +48,10 @@ $o-theme-font-configs: (
         'family': ('Muli', sans-serif),
         'url': 'Muli:300,300i,400,400i,700,700i',
     ),
+    'Cormorant Garamond': (
+        'family': ('Cormorant Garamond', serif),
+        'url': 'Cormorant+Garamond:300,300i,400,400i,700,700i',
+    ),
 );
 
 //------------------------------------------------------------------------------
@@ -54,9 +60,9 @@ $o-theme-font-configs: (
 
 $o-website-values-palettes: (
     (
-        'color-palettes-name': 'orchid-1',
+        'color-palettes-name': 'orchid-7',
         'font': 'Questrial',
-        'headings-font': 'Questrial',
+        'headings-font': 'Cormorant Garamond',
         'navbar-font': 'Questrial',
         'buttons-font': 'Questrial',
         'header-template': 'default',
@@ -97,6 +103,9 @@ $o-color-palettes-compatibility-indexes: (
 //------------------------------------------------------------------------------
 
 $o-bg-shapes: change-shape-colors-mapping('web_editor', 'Wavy/05', (1: 4, 5: 4));
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Wavy/04', (5: 4));
 $o-bg-shapes: change-shape-colors-mapping('web_editor', 'Wavy/07', (3: 4));
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Wavy/22', (3: 3));
 $o-bg-shapes: change-shape-colors-mapping('web_editor', 'Wavy/23', (3: 1));
-$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Wavy/01_001', (3: 1));
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Wavy/01_001', (3: 2));
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Floats/12', (2: 2, 5: 4));