[IMP] theme_odoo_experts: fine tune the theme with device shapes

This commit improves the global layout of theme_odoo_experts to give
more variety with the others corporate themes (buzzy, graphene, clean,
etc.).
The purpose is to have a theme that can be used to present an
application and to promote the new category of device shapes.

task-2666049

closes odoo/design-themes#525

Related: odoo/odoo#79068
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>

theme_odoo_experts/static/src/js/tour.js

@@ -5,25 +5,29 @@ import { _t } from 'web.core';
 
 const snippets = [
     {
-        id: 's_cover',
-        name: 'Cover',
-    },
-    {
-        id: 's_image_text',
-        name: 'Image - Text',
-    },
-    {
-        id: 's_media_list',
-        name: 'Media List',
-    },
-    {
-        id: 's_company_team',
-        name: 'Team',
+        id: 's_picture',
+        name: 'Picture',
     },
     {
         id: 's_references',
         name: 'References',
     },
+    {
+        id: 's_text_image',
+        name: 'Image - Text',
+    },
+    {
+        id: 's_text_image',
+        name: 'Text - Image',
+    },
+    {
+        id: 's_title',
+        name: 'Title',
+    },
+    {
+        id: 's_comparisons',
+        name: 'Comparisons',
+    },
     {
         id: 's_call_to_action',
         name: 'Call to Action',
@@ -32,14 +36,16 @@ const snippets = [
 
 wTourUtils.registerThemeHomepageTour("odoo_experts_tour", [
     wTourUtils.dragNDrop(snippets[0]),
-    wTourUtils.clickOnText(snippets[0], 'h1'),
-    wTourUtils.goBackToBlocks(),
     wTourUtils.dragNDrop(snippets[1]),
     wTourUtils.dragNDrop(snippets[2]),
+    wTourUtils.clickOnText(snippets[2], 'h2'),
+    wTourUtils.goBackToBlocks(),
     wTourUtils.dragNDrop(snippets[3]),
     wTourUtils.dragNDrop(snippets[4]),
-    wTourUtils.clickOnSnippet(snippets[4], 'top'),
-    wTourUtils.changeOption('ContainerWidth', 'we-button-group.o_we_user_value_widget', _t('width')),
-    wTourUtils.goBackToBlocks(),
     wTourUtils.dragNDrop(snippets[5]),
+    wTourUtils.clickOnSnippet(snippets[5], 'top'),
+    wTourUtils.changeOption('BackgroundShape', 'we-toggler', _t('Background Shape')),
+    wTourUtils.selectNested('we-select-page', 'BackgroundShape', ':not(.o_we_pager_controls)', _t('Background Shape')),
+    wTourUtils.goBackToBlocks(),
+    wTourUtils.dragNDrop(snippets[6]),
 ]);

theme_odoo_experts/static/src/scss/primary_variables.scss

@@ -76,9 +76,15 @@ $o-website-values-palettes: (
         'logo-height': (52 / 16) * 1rem,
         'fixed-logo-height': (52 / 16) * 1rem,
         'header-font-size': 1rem,
-        'btn-border-radius': 0,
-        'btn-border-radius-lg': 0,
-        'btn-border-radius-sm': 0,
+        'btn-border-radius': 10rem,
+        'btn-border-radius-lg': 10rem,
+        'btn-border-radius-sm': 10rem,
+        'btn-padding-y': .45rem,
+        'btn-padding-x': 1.35rem,
+        'btn-padding-y-sm': .3rem,
+        'btn-padding-x-sm': .9rem,
+        'btn-padding-y-lg': .6rem,
+        'btn-padding-x-lg': 1.8rem,
         'font': 'Lato',
         'headings-font': 'Work Sans',
         'navbar-font': 'Work Sans',
@@ -90,6 +96,7 @@ $o-website-values-palettes: (
 );
 
 $o-palette-priority-prefix: 'odoo-experts';
+$o-selected-color-palettes-names: append($o-selected-color-palettes-names, 'odoo-experts-1');
 
 $o-color-palettes-compatibility-indexes: (
     1: 'odoo-experts-1',
@@ -129,3 +136,7 @@ $o-bg-shapes: change-shape-colors-mapping('web_editor', 'Blobs/04', (5: 5));
 $o-bg-shapes: change-shape-colors-mapping('web_editor', 'Rainy/10', (1: 5, 3: 5));
 $o-bg-shapes: change-shape-colors-mapping('web_editor', 'Airy/01', (1: 3));
 $o-bg-shapes: change-shape-colors-mapping('web_editor', 'Airy/03_001', (5: 4));
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Wavy/08', (2: 2));
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Bold/01', (2: 2));
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Airy/12_001', (1: 5, 3: 1));
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Wavy/04', (1: 5, 5: 4));