[IMP] theme_cobalt: update the theme

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

task-2614510

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

theme_cobalt/static/src/js/tour.js

@@ -1,16 +1,11 @@
-odoo.define("theme_cobalt.tour.cobalt", 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 = [
     {
-        id: 's_text_image',
-        name: 'Image - Text',
+        id: 's_banner',
+        name: 'Banner',
     },
     {
         id: 's_references',
@@ -21,12 +16,16 @@ const snippets = [
         name: 'Text - Image',
     },
     {
-        id: 's_three_columns',
-        name: 'Columns',
+        id: 's_color_blocks_2',
+        name: 'Big Boxes',
     },
     {
-        id: 's_picture',
-        name: 'Picture',
+        id: 's_title',
+        name: 'Title',
+    },
+    {
+        id: 's_image_gallery',
+        name: 'Images Wall',
     },
 ];
 
@@ -41,8 +40,6 @@ wTourUtils.registerThemeHomepageTour("cobalt_tour", [
     wTourUtils.dragNDrop(snippets[3]),
 
     wTourUtils.dragNDrop(snippets[4]),
-    wTourUtils.clickOnSnippet(snippets[4], 'top'),
-    wTourUtils.changeOption('BackgroundShape', 'we-toggler', _t('Background Shape')),
-    wTourUtils.selectNested('we-select-page', 'BackgroundShape', ':not(.o_we_pager_controls)', _t('Background Shape')),
+    wTourUtils.dragNDrop(snippets[5]),
+
 ]);
-});

theme_cobalt/static/src/scss/primary_variables.scss

@@ -2,11 +2,11 @@
 // 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-h1-font-size-multiplier: (62 / 16);
+$o-theme-h2-font-size-multiplier: (48 / 16);
+$o-theme-h3-font-size-multiplier: (32 / 16);
+$o-theme-h4-font-size-multiplier: (24 / 16);
+$o-theme-h5-font-size-multiplier: (20 / 16);
 $o-theme-h6-font-size-multiplier: 1.1;
 
 $o-theme-font-configs: (
@@ -35,20 +35,12 @@ $o-website-values-palettes: (
         'navbar-font': 'Inter',
         'buttons-font': 'Inter',
 
-        'font-size-base': (14 / 16) * 1rem,
-        'header-font-size': (14 / 16) * 1rem,
-
         'hamburger-type': 'off-canvas',
         'menu-box-shadow': false,
 
         'btn-ripple': true,
         'btn-secondary-outline': true,
-        'btn-font-size': (14 / 16) * 1rem,
         'btn-border-radius': 2px,
-
-        'btn-font-size-lg': (12 / 16) * 1rem,
-        'btn-padding-y-lg': 1rem,
-        'btn-padding-x-lg': 3.3rem,
     ),
 );
 
@@ -78,7 +70,9 @@ $o-color-palettes-compatibility-indexes: (
 //------------------------------------------------------------------------------
 // Shapes
 //------------------------------------------------------------------------------
-
+// Keep for compatibility
 $o-bg-shapes: change-shape-colors-mapping('web_editor', 'Blobs/03', (2: 2));
 $o-bg-shapes: change-shape-colors-mapping('web_editor', 'Bold/01', (2: 2));
 $o-bg-shapes: add-footer-shape-colors-mapping('web_editor', 'Bold/01', (2: 'footer'));
+// New
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Origins/11_001', (3: 1));