[IMP] theme_monglia: update the theme

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

task-2619534

Part-of: odoo/design-themes#500

theme_monglia/static/src/js/tour.js

@@ -1,11 +1,6 @@
-odoo.define("theme_monglia.tour.monglia", function (require) {
-"use strict";
+/** @odoo-module */
 
-const core = require("web.core");
-const _t = core._t;
-
-const wTourUtils = require("website.tour_utils");
-var tour = require("web_tour.tour");
+import wTourUtils from 'website.tour_utils';
 
 const snippets = [
     {
@@ -16,45 +11,41 @@ const snippets = [
         id: 's_title',
         name: 'Title',
     },
+    {
+        id: 's_text_block',
+        name: 'Text',
+    },
+    {
+        id: 's_three_columns',
+        name: 'Columns',
+    },
+    {
+        id: 's_image_wall',
+        name: 'Images Wall',
+    },
+    {
+        id: 's_title',
+        name: 'Title',
+    },
     {
         id: 's_media_list',
         name: 'Media List',
     },
-    {
-        id: 's_carousel',
-        name: 'Carousel',
-    },
-    {
-        id: 's_call_to_action',
-        name: 'Call to Action',
-    },
     {
         id: 's_text_image',
         name: 'Text - Image',
     },
-    {
-        id: 's_image_text',
-        name: 'Image - Text',
-    },
-
 ];
 
 wTourUtils.registerThemeHomepageTour("monglia_tour", [
     wTourUtils.dragNDrop(snippets[0]),
     wTourUtils.clickOnText(snippets[0], 'h1', 'top'),
     wTourUtils.goBackToBlocks(),
-
     wTourUtils.dragNDrop(snippets[1]),
     wTourUtils.dragNDrop(snippets[2]),
     wTourUtils.dragNDrop(snippets[3]),
-
     wTourUtils.dragNDrop(snippets[4]),
-    wTourUtils.clickOnSnippet(snippets[4], 'top'),
-    wTourUtils.changeBackgroundColor('left'),
-    wTourUtils.selectColorPalette(),
-    wTourUtils.goBackToBlocks('left'),
-
     wTourUtils.dragNDrop(snippets[5]),
     wTourUtils.dragNDrop(snippets[6]),
+    wTourUtils.dragNDrop(snippets[7]),
 ]);
-});

theme_monglia/static/src/scss/primary_variables.scss

@@ -55,10 +55,10 @@ $o-theme-color-palettes: map-merge($o-theme-color-palettes,
 // Fonts
 //------------------------------------------------------------------------------
 
-$o-theme-h1-font-size-multiplier: (36 / 14);
-$o-theme-h2-font-size-multiplier: (30 / 14);
-$o-theme-h3-font-size-multiplier: (24 / 14);
-$o-theme-h4-font-size-multiplier: (18 / 14);
+$o-theme-h1-font-size-multiplier: (48 / 14);
+$o-theme-h2-font-size-multiplier: (36 / 14);
+$o-theme-h3-font-size-multiplier: (30 / 14);
+$o-theme-h4-font-size-multiplier: (24 / 14);
 $o-theme-h5-font-size-multiplier: 1;
 $o-theme-h6-font-size-multiplier: (12 / 14);
 
@@ -137,23 +137,18 @@ $o-website-values-palettes: (
     (
         'color-palettes-name': 'monglia-1',
 
-        'header-font-size': (18 / 16) * 1rem,
+        'header-font-size': (20 / 16) * 1rem,
         'font': 'Roboto',
         'headings-font': 'Darker Grotesque',
         'navbar-font': 'Darker Grotesque',
-        'buttons-font': 'Darker Grotesque',
-        'header-template': 'hamburger',
-        'hamburger-type': 'off-canvas',
-        'hamburger-position': 'left',
+        'buttons-font': 'Roboto',
         'footer-template': 'minimalist',
 
         'btn-border-radius': 0,
         'btn-border-radius-sm': 0,
         'btn-border-radius-lg': 0,
-        'btn-font-size': 1.2rem,
         'btn-padding-y': .474rem,
         'btn-padding-x': 1.25rem,
-        'btn-font-size-lg': 2rem,
         'btn-padding-y-lg': .4rem,
         'btn-padding-x-lg': 2rem,
     ),
@@ -186,3 +181,7 @@ $o-color-palettes-compatibility-indexes: (
     22: 'generic-16',
     23: 'generic-17',
 );
+
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Blocks/04', (5:5, 3:2, 2:3, 1:4));
+$o-bg-shapes: add-extra-shape-colors-mapping('web_editor', 'Blocks/04', 'second', (5:5, 3:2, 2:3, 1:4));
+