[IMP] theme_orchid: revamp the theme

task-4178087
part of task-4177975

Part-of: odoo/design-themes#969
Related: odoo/odoo#182029
Signed-off-by: Alice Gaudon (agau) <agau@odoo.com>
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
This commit is contained in:
stefanorigano (SRI)
2024-09-25 18:31:52 +02:00
committed by qsm-odoo
parent 563bce5b46
commit de490359d6
30 changed files with 645 additions and 460 deletions
Binary file not shown.

Before

Width:  |  Height:  |  Size: 148 KiB

After

Width:  |  Height:  |  Size: 228 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 94 KiB

After

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 62 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 55 KiB

After

Width:  |  Height:  |  Size: 99 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 53 KiB

After

Width:  |  Height:  |  Size: 118 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 9.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.1 KiB

After

Width:  |  Height:  |  Size: 27 KiB

+39 -25
View File
@@ -1,53 +1,67 @@
/** @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_kickoff',
name: 'Kickoff',
groupName: "Intro",
},
{
id: 's_image_text',
name: 'Image - Text',
groupName: "Content",
},
{
id: 's_text_image',
name: 'Text - Image',
groupName: "Content",
},
{
id: 's_three_columns',
name: 'Columns',
id: 's_key_images',
name: 'Key Images',
groupName: "Columns",
},
{
id: 's_quotes_carousel',
name: 'Quotes',
id: 's_process_steps',
name: 'Steps',
groupName: "Content",
},
{
id: 's_freegrid',
name: 'Free grid',
groupName: "Columns",
},
{
id: 's_image_text_overlap',
name: 'Image - Text Overlap',
groupName: "Content",
},
{
id: 's_company_team_basic',
name: 'Team Basic',
groupName: "People",
},
{
id: 's_call_to_action',
name: 'Call to Action',
groupName: "Content",
id: 's_title',
name: 'Title',
groupName: "Text",
},
{
id: 's_images_wall',
name: 'Images Wall',
groupName: "Images",
},
{
id: 's_references',
name: 'References',
groupName: "People",
},
];
wTourUtils.registerThemeHomepageTour("orchid_tour", () => [
wTourUtils.assertCssVariable('--color-palettes-name', '"orchid-7"'),
wTourUtils.assertCssVariable('--color-palettes-name', '"default-light-9"'),
...wTourUtils.insertSnippet(snippets[0]),
...wTourUtils.clickOnText(snippets[0], 'h1'),
wTourUtils.goBackToBlocks(),
...wTourUtils.insertSnippet(snippets[1]),
...wTourUtils.insertSnippet(snippets[2]),
...wTourUtils.insertSnippet(snippets[3]),
...wTourUtils.clickOnSnippet(snippets[3]),
wTourUtils.changeOption('ContainerWidth', 'we-button-group.o_we_user_value_widget', _t('width')),
wTourUtils.goBackToBlocks(),
...wTourUtils.insertSnippet(snippets[4]),
...wTourUtils.insertSnippet(snippets[5]),
...wTourUtils.clickOnText(snippets[5], 'h3'),
...wTourUtils.insertSnippet(snippets[6]),
...wTourUtils.insertSnippet(snippets[7]),
...wTourUtils.insertSnippet(snippets[8]),
]);
@@ -1,3 +0,0 @@
// Headings font weight
$headings-font-weight: $o-theme-headings-font-weight !default;
@@ -2,14 +2,6 @@
// Fonts
//------------------------------------------------------------------------------
$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-h5-font-size-multiplier: (21 / 16);
$o-theme-h6-font-size-multiplier: (18 / 16);
$o-theme-headings-font-weight: 600;
$o-theme-font-configs: (
'Heebo': (
'family': ('Heebo', sans-serif),
@@ -51,6 +43,14 @@ $o-theme-font-configs: (
'family': ('Cormorant Garamond', serif),
'url': 'Cormorant+Garamond:300,300i,400,400i,700,700i',
),
'Elsie': (
'family': ('Elsie', serif),
'url': 'Elsie:400,900',
),
'DM Sans': (
'family': ('DM Sans', serif),
'url': 'DM+Sans:300,300i,400,400i,700,700i',
),
);
//------------------------------------------------------------------------------
@@ -59,15 +59,14 @@ $o-theme-font-configs: (
$o-website-values-palettes: (
(
'color-palettes-name': 'orchid-7',
'font': 'Questrial',
'headings-font': 'Cormorant Garamond',
'color-palettes-name': 'default-light-9',
'font': 'DM Sans',
'headings-font': 'Elsie',
'header-template': 'sales_four',
'footer-template': 'descriptive',
),
);
$o-selected-color-palettes-names: append($o-selected-color-palettes-names, 'orchid-7');
$o-color-palettes-compatibility-indexes: (
1: 'orchid-1',
2: 'orchid-2',