[IMP] theme_graphene: update the theme

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

task-2612003

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

theme_graphene/static/src/js/tour.js

@@ -17,16 +17,16 @@ const snippets = [
         name: 'Text - Image',
     },
     {
-        id: 's_three_columns',
-        name: 'Columns',
+        id: 's_numbers',
+        name: 'Numbers',
     },
     {
-        id: 's_company_team',
-        name: 'Team',
+        id: 's_picture',
+        name: 'Picture',
     },
     {
-        id: 's_call_to_action',
-        name: 'Call to Action',
+        id: 's_comparisons',
+        name: 'Comparisons',
     },
 ];
 

theme_graphene/static/src/scss/bootstrap_overridden.scss

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

theme_graphene/static/src/scss/primary_variables.scss

@@ -56,17 +56,17 @@ $o-theme-color-palettes: map-merge($o-theme-color-palettes,
 // 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-h6-font-size-multiplier: 1.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: (28 / 16);
+$o-theme-h5-font-size-multiplier: (24 / 16);
+$o-theme-h6-font-size-multiplier: (20 / 16);
 
 $o-theme-font-configs: (
-    'Heebo': (
-        'family': ('Heebo', sans-serif),
-        'url': 'Heebo:300,300i,400,400i,700,700i',
+    'Assistant': (
+        'family': ('Assistant', sans-serif),
+        'url': 'Assistant:300,300i,400,400i,700,700i',
     ),
     'Abel': (
         'family': ('Abel', sans-serif),
@@ -96,11 +96,15 @@ $o-website-values-palettes: (
         'color-palettes-name': 'graphene-1',
 
         'font-size-base': 1rem,
-        'headings-font': 'Source Sans Pro',
+        
+        'font': 'Source Sans Pro',
+        'headings-font': 'Assistant',
+        'navbar-font': 'Source Sans Pro',
+        'buttons-font': 'Source Sans Pro',
+
         'btn-ripple': true,
-        'layout': 'postcard',
-        'hamburger-type': 'off-canvas',
-        'header-template': 'centered_logo',
+        'layout': 'boxed',
+        'header-template': 'contact',
         'footer-template': 'centered',
 
         'btn-font-size-lg': 1rem,
@@ -142,3 +146,6 @@ $o-color-palettes-compatibility-indexes: (
 
 $o-bg-shapes: change-shape-colors-mapping('web_editor', 'Origins/02_001', (4: 2, 5: rgba(0, 0, 0, 0)));
 $o-bg-shapes: add-extra-shape-colors-mapping('web_editor', 'Origins/02_001', 'second', (4: 2, 5: rgba(0, 0, 0, 0)));
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Origins/06_001', (3: 2));
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Zigs/01_001', (2: 4));
+