[IMP] theme_zap: theme improvement

Revamp of `theme_zap`

task-4178094

closes odoo/design-themes#908

Signed-off-by: Alice Gaudon (agau) <agau@odoo.com>

theme_zap/static/src/js/tour.js

@@ -4,39 +4,44 @@ import * as wTourUtils from '@website/js/tours/tour_utils';
 
 const snippets = [
     {
-        id: 's_banner',
-        name: 'Banner',
+        id: 's_discovery',
+        name: 'Discovery',
         groupName: "Intro",
     },
     {
-        id: 's_three_columns',
-        name: 'Columns',
+        id: 's_key_images',
+        name: 'Key Images',
         groupName: "Columns",
     },
     {
-        id: 's_color_blocks_2',
-        name: 'Big Boxes',
+        id: 's_striped',
+        name: 'Striped',
         groupName: "Content",
     },
     {
-        id: 's_features',
-        name: 'Features',
+        id: 's_showcase',
+        name: 'Showcase',
         groupName: "Content",
     },
     {
-        id: 's_masonry_block',
-        name: 'Masonry',
+        id: 's_image_title',
+        name: 'Image Title',
         groupName: "Images",
     },
     {
-        id: 's_references',
-        name: 'References',
-        groupName: "People",
+        id: 's_numbers_charts',
+        name: 'Numbers Charts',
+        groupName: "Content",
+    },
+    {
+        id: 's_cta_card',
+        name: 'CTA Card',
+        groupName: "Content",
     },
 ];
 
 wTourUtils.registerThemeHomepageTour("zap_tour", () => [
-    wTourUtils.assertCssVariable('--color-palettes-name', '"zap-1"'),
+    wTourUtils.assertCssVariable('--color-palettes-name', '"base-2"'),
     ...wTourUtils.dragNDrop(snippets[0]),
     ...wTourUtils.clickOnText(snippets[0], 'h1', 'top'),
     wTourUtils.goBackToBlocks(),
@@ -48,4 +53,5 @@ wTourUtils.registerThemeHomepageTour("zap_tour", () => [
     ...wTourUtils.clickOnSnippet(snippets[5], 'top'),
     wTourUtils.changeBackgroundColor(),
     wTourUtils.selectColorPalette(),
+    ...wTourUtils.dragNDrop(snippets[6]),
 ]);

theme_zap/static/src/scss/bootstrap_overridden.scss

@@ -57,12 +57,6 @@
 // Bootstrap
 //------------------------------------------------------------------------------//
 
-// Options
-//
-// Quickly modify global styling by enabling or disabling optional features.
-
-$enable-shadows:                            true;
-
 // Spacing
 //
 // Control the default styling of most Bootstrap elements by modifying these

theme_zap/static/src/scss/primary_variables.scss

@@ -4,16 +4,14 @@
 
 $o-website-values-palettes: (
     (
-        'color-palettes-name':              'zap-1',
+        'color-palettes-name':              'base-2',
 
         // Header
-        'header-template':                  'hamburger',
-        'logo-height':                      2.75rem,
-        'fixed-logo-height':                2rem,
-        'header-links-style':               'fill',
+        'header-template':                  'sales_four',
 
         // Font
-        'font':                             'Lato',
+        'font':                             'Open Sans',
+        'headings-font':                    'Manrope',
 
         // Buttons
         'btn-padding-y':                    .625rem,
@@ -98,6 +96,10 @@ $o-theme-font-configs: (
             ),
         )
     ),
+    'Manrope': (
+        'family': ('Manrope', sans-serif),
+        'url': 'Manrope:300,300i,400,400i,600,600i',
+    ),
 );
 
 // Headings
@@ -169,8 +171,6 @@ $o-theme-color-palettes: map-merge($o-theme-color-palettes,
     )
 );
 
-$o-selected-color-palettes-names: append($o-selected-color-palettes-names, 'zap-1');
-
 $o-color-palettes-compatibility-indexes: (
     1: 'zap-1',
     2: 'zap-2',