[IMP] theme_cobalt: revamp the theme

task-4178067
Part of task-4177978

Part-of: odoo/design-themes#969
Related: odoo/odoo#182029
Signed-off-by: Louis (loco) <loco@odoo.com>
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>

theme_cobalt/static/src/js/tour.js

@@ -9,9 +9,14 @@ const snippets = [
         groupName: "Intro",
     },
     {
-        id: 's_references',
-        name: 'References',
-        groupName: "People",
+        id: 's_image_text',
+        name: 'Image - Text',
+        groupName: "Content",
+    },
+    {
+        id: 's_key_images',
+        name: 'Key Images',
+        groupName: "Columns",
     },
     {
         id: 's_text_image',
@@ -19,33 +24,26 @@ const snippets = [
         groupName: "Content",
     },
     {
-        id: 's_color_blocks_2',
-        name: 'Big Boxes',
-        groupName: "Content",
+        id: 's_company_team_detail',
+        name: 'Team Detail',
+        groupName: "People",
     },
     {
-        id: 's_title',
-        name: 'Title',
-        groupName: "Text",
-    },
-    {
-        id: 's_image_gallery',
-        name: 'Images Wall',
-        groupName: "Images",
+        id: 's_references_grid',
+        name: 'References Grid',
+        groupName: "People",
     },
 ];
 
 
 wTourUtils.registerThemeHomepageTour("cobalt_tour", () => [
-    wTourUtils.assertCssVariable('--color-palettes-name', '"cobalt-1"'),
+    wTourUtils.assertCssVariable('--color-palettes-name', '"default-8"'),
     ...wTourUtils.insertSnippet(snippets[0]),
     ...wTourUtils.clickOnText(snippets[0], 'h1', 'top'),
     wTourUtils.goBackToBlocks(),
-
     ...wTourUtils.insertSnippet(snippets[1]),
     ...wTourUtils.insertSnippet(snippets[2]),
     ...wTourUtils.insertSnippet(snippets[3]),
-
     ...wTourUtils.insertSnippet(snippets[4]),
     ...wTourUtils.insertSnippet(snippets[5]),
 ]);

theme_cobalt/static/src/scss/primary_variables.scss

@@ -16,6 +16,10 @@ $o-theme-font-configs: (
         'family': ('Abril Fatface', serif),
         'url': 'Abril+Fatface:300,300i,400,400i,700,700i',
     ),
+    'Poppins': (
+        'family': ('Poppins', sans-serif),
+        'url': 'Poppins:300,300i,400,400i,700,700i',
+    ),
 );
 
 
@@ -25,20 +29,28 @@ $o-theme-font-configs: (
 
 $o-website-values-palettes: (
     (
-        'color-palettes-name': 'cobalt-1',
+        'color-palettes-name': 'default-8',
 
         'font': 'Inter',
+        'headings-font': 'Poppins',
 
         'headings-line-height': 1.1,
 
         'btn-ripple': true,
-        'btn-secondary-outline': true,
-        'btn-border-radius': 2px,
+        'btn-border-radius': 10rem,
+        'btn-border-radius-sm': 10rem,
+        'btn-border-radius-lg': 10rem,
+        'btn-padding-y': .5rem,
+        'btn-padding-x': 1rem,
+        'btn-padding-y-lg': 1rem,
+        'btn-padding-x-lg': 2rem,
+        'btn-padding-x-sm': .5rem,
+        'header-template': 'boxed',
+        'header-links-style': 'pills',
+        'footer-template': 'call_to_action',
     ),
 );
 
-$o-selected-color-palettes-names: append($o-selected-color-palettes-names, 'cobalt-1');
-
 $o-color-palettes-compatibility-indexes: (
     1: 'cobalt-1',
     2: 'generic-1',