[IMP] theme_monglia: revamp the theme

task-4178080
Part of task-4177975

X-original-commit: c1538a91df
Part-of: odoo/design-themes#971
Related: odoo/odoo#182039
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>

theme_monglia/static/src/js/tour.js

@@ -9,9 +9,14 @@ const snippets = [
         groupName: "Intro",
     },
     {
-        id: 's_title',
-        name: 'Title',
-        groupName: "Text",
+        id: 's_numbers_grid',
+        name: 'Numbers Grid',
+        groupName: "Content",
+    },
+    {
+        id: 's_company_team_shapes',
+        name: 'Team Shapes',
+        groupName: "People",
     },
     {
         id: 's_text_block',
@@ -19,14 +24,19 @@ const snippets = [
         groupName: "Text",
     },
     {
-        id: 's_three_columns',
-        name: 'Columns',
+        id: 's_freegrid',
+        name: 'Free grid',
         groupName: "Columns",
     },
     {
-        id: 's_images_wall',
-        name: 'Images Wall',
-        groupName: "Images",
+        id: 's_cta_box',
+        name: 'Box Call to Action',
+        groupName: "Content",
+    },
+    {
+        id: 's_shape_image',
+        name: 'Shape image',
+        groupName: "Content",
     },
     {
         id: 's_title',
@@ -34,19 +44,24 @@ const snippets = [
         groupName: "Text",
     },
     {
-        id: 's_media_list',
-        name: 'Media List',
-        groupName: "Content",
+        id: 's_images_wall',
+        name: 'Images Wall',
+        groupName: "Images",
     },
     {
-        id: 's_text_image',
-        name: 'Text - Image',
-        groupName: "Content",
+        id: 's_faq_collapse',
+        name: 'FAQ',
+        groupName: "text",
+    },
+    {
+        id: 's_references',
+        name: 'References',
+        groupName: "People",
     },
 ];
 
 wTourUtils.registerThemeHomepageTour("monglia_tour", () => [
-    wTourUtils.assertCssVariable('--color-palettes-name', '"monglia-1"'),
+    wTourUtils.assertCssVariable('--color-palettes-name', '"default-light-3"'),
     ...wTourUtils.insertSnippet(snippets[0]),
     ...wTourUtils.clickOnText(snippets[0], 'h1', 'top'),
     wTourUtils.goBackToBlocks(),
@@ -57,4 +72,7 @@ wTourUtils.registerThemeHomepageTour("monglia_tour", () => [
     ...wTourUtils.insertSnippet(snippets[5]),
     ...wTourUtils.insertSnippet(snippets[6]),
     ...wTourUtils.insertSnippet(snippets[7]),
+    ...wTourUtils.insertSnippet(snippets[8]),
+    ...wTourUtils.insertSnippet(snippets[9]),
+    ...wTourUtils.insertSnippet(snippets[10]),
 ]);

theme_monglia/static/src/scss/primary_variables.scss

@@ -4,6 +4,10 @@
 //------------------------------------------------------------------------------
 
 // Theme colors
+$default-light-3: map-get($o-color-palettes, 'default-light-3');
+$default-light-3: map-merge($default-light-3, ('body': 'o-color-2'));
+$o-color-palettes: map-merge($o-color-palettes, ('default-light-3': $default-light-3));
+
 $o-theme-color-palettes: map-merge($o-theme-color-palettes,
     (
         'monglia-1': (
@@ -55,14 +59,16 @@ $o-theme-color-palettes: map-merge($o-theme-color-palettes,
 // Fonts
 //------------------------------------------------------------------------------
 
-$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);
 
 $o-theme-font-configs: (
+    'Bungee': (
+        'family': ('Bungee', sans-serif),
+        'url': 'Bungee:400',
+    ),
+    'Roboto Mono': (
+        'family': ('Roboto Mono', monospace),
+        'url': 'Roboto+Mono:300,300i,400,400i,700,700i',
+    ),
     'Handlee': (
         'family': ('Handlee', cursive),
         'url': 'Handlee:300,300i,400,400i,700,700i',
@@ -135,27 +141,21 @@ $o-theme-font-configs: (
 
 $o-website-values-palettes: (
     (
-        'color-palettes-name': 'monglia-1',
+        'color-palettes-name': 'default-light-3',
 
-        'header-font-size': (20 / 16) * 1rem,
-        'font': 'Roboto',
-        'headings-font': 'Darker Grotesque',
-        'navbar-font': 'Darker Grotesque',
-        'buttons-font': 'Roboto',
+        'layout': 'boxed',
+        'font': 'Roboto Mono',
+        'headings-font': 'Bungee',
+        'navbar-font': 'Roboto Mono',
+        'buttons-font': 'Roboto Mono',
         'footer-template': 'minimalist',
 
         'btn-border-radius': 0,
         'btn-border-radius-sm': 0,
         'btn-border-radius-lg': 0,
-        'btn-padding-y': .474rem,
-        'btn-padding-x': 1.25rem,
-        'btn-padding-y-lg': .4rem,
-        'btn-padding-x-lg': 2rem,
     ),
 );
 
-$o-selected-color-palettes-names: append($o-selected-color-palettes-names, 'monglia-1');
-
 $o-color-palettes-compatibility-indexes: (
     1: 'monglia-1',
     2: 'monglia-2',