[IMP] theme_clean: improve theme

task-4178066
Part of task-4177975

closes odoo/design-themes#929

Signed-off-by: Serge Bayet (seba) <seba@odoo.com>

theme_clean/static/src/js/tour.js

@@ -1,17 +1,16 @@
 /** @odoo-module */
 
 import * as wTourUtils from '@website/js/tours/tour_utils';
-import { _t } from "@web/core/l10n/translation";
 
 const snippets = [
     {
-        id: 's_cover',
-        name: 'Cover',
+        id: 's_banner',
+        name: 'Banner',
         groupName: "Intro",
     },
     {
-        id: 's_text_image',
-        name: 'Text - Image',
+        id: 's_color_blocks_2',
+        name: 'Big Boxes',
         groupName: "Content",
     },
     {
@@ -20,28 +19,33 @@ const snippets = [
         groupName: "Text",
     },
     {
-        id: 's_features',
-        name: 'Features',
+        id: 's_text_image',
+        name: 'Text - Image',
         groupName: "Content",
     },
     {
-        id: 's_carousel',
-        name: 'Carousel',
-        groupName: "Intro",
-    },
-    {
-        id: 's_numbers',
-        name: 'Numbers',
+        id: 's_image_text',
+        name: 'Image - Text',
         groupName: "Content",
     },
     {
-        id: 's_three_columns',
-        name: 'Columns',
-        groupName: "Columns",
+        id: 's_numbers_showcase',
+        name: 'Numbers Showcase',
+        groupName: "Content",
     },
     {
-        id: 's_call_to_action',
-        name: 'Call to Action',
+        id: 's_company_team',
+        name: 'Team',
+        groupName: "People",
+    },
+    {
+        id: 's_accordion_image',
+        name: 'Accordion Image',
+        groupName: "Content",
+    },
+    {
+        id: 's_cta_card',
+        name: 'Card Call to Action',
         groupName: "Content",
     },
 ];
@@ -54,11 +58,9 @@ wTourUtils.registerThemeHomepageTour("clean_tour", () => [
     ...wTourUtils.dragNDrop(snippets[1]),
     ...wTourUtils.dragNDrop(snippets[2]),
     ...wTourUtils.dragNDrop(snippets[3]),
-    ...wTourUtils.clickOnSnippet(snippets[3]),
-    wTourUtils.changeOption('ContainerWidth', 'we-button-group.o_we_user_value_widget', _t('width')),
-    wTourUtils.goBackToBlocks(),
     ...wTourUtils.dragNDrop(snippets[4]),
     ...wTourUtils.dragNDrop(snippets[5]),
     ...wTourUtils.dragNDrop(snippets[6]),
     ...wTourUtils.dragNDrop(snippets[7]),
+    ...wTourUtils.dragNDrop(snippets[8]),
 ]);

theme_clean/static/src/scss/primary_variables.scss

@@ -117,9 +117,13 @@ $o-theme-font-configs: (
         'family': ('Ubuntu', sans-serif),
         'url': 'Ubuntu:300,300i,400,400i,700,700i',
     ),
-    'Bitter': (
-        'family': ('Bitter', serif),
-        'url': 'Bitter:300,300i,400,400i,700,700i',
+    'IBM Plex Sans': (
+        'family': ('IBM Plex Sans', sans-serif),
+        'url': 'IBM+Plex+Sans:300,300i,400,400i,700,700i',
+    ),
+    'Inter': (
+        'family': ('Inter', sans-serif),
+        'url': 'Inter:300,300i,400,400i,700,700i',
     ),
     'Noto Serif': ( // font update - Droid Serif -> Noto+Serif
         'family': ('Noto Serif', serif),
@@ -145,46 +149,6 @@ $o-theme-font-configs: (
         'family': ('Josefin Slab', serif),
         'url': 'Josefin+Slab:300,300i,400,400i,700,700i',
     ),
-    'Abel': (
-        'family': ('Abel', sans-serif),
-        'url': 'Abel:300,300i,400,400i,700,700i',
-    ),
-    'Mulish': (
-        'family': ('Mulish', sans-serif),
-        'url': 'Mulish:300,300i,400,400i,700,700i',
-    ),
-    'Libre Baskerville': (
-        'family': ('Libre Baskerville', serif),
-        'url': 'Libre+Baskerville:300,300i,400,400i,700,700i',
-    ),
-    'Medula One': (
-        'family': ('Medula One', cursive),
-        'url': 'Medula+One:300,300i,400,400i,700,700i',
-    ),
-    'Montserrat Alternates': (
-        'family': ('Montserrat Alternates', sans-serif),
-        'url': 'Montserrat+Alternates:300,300i,400,400i,700,700i',
-    ),
-    'Imprima': (
-        'family': ('Imprima', sans-serif),
-        'url': 'Imprima:300,300i,400,400i,700,700i',
-    ),
-    'Oswald': (
-        'family': ('Oswald', sans-serif),
-        'url': 'Oswald:300,300i,400,400i,700,700i',
-    ),
-    'Quattrocento': (
-        'family': ('Quattrocento', serif),
-        'url': 'Quattrocento:300,300i,400,400i,700,700i',
-    ),
-    'Vollkorn': (
-        'family': ('Vollkorn', serif),
-        'url': 'Vollkorn:300,300i,400,400i,700,700i',
-    ),
-    'Alice': (
-        'family': ('Alice', serif),
-        'url': 'Alice:300,300i,400,400i,700,700i',
-    ),
 );
 
 //------------------------------------------------------------------------------
@@ -194,12 +158,10 @@ $o-theme-font-configs: (
 $o-website-values-palettes: (
     (
         'color-palettes-name': 'clean-1',
-        'headings-font': 'Dosis',
-        'navbar-font': 'Dosis',
-        'buttons-font': 'Dosis',
-        'header-template': 'hamburger',
-        'hamburger-position': 'right',
-        'footer-template': 'contact',
+        'headings-font': 'IBM Plex Sans',
+        'navbar-font': 'Inter',
+        'buttons-font': 'Inter',
+        'header-template': 'default',
     ),
 );