[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>
|
Before Width: | Height: | Size: 148 KiB After Width: | Height: | Size: 228 KiB |
|
Before Width: | Height: | Size: 94 KiB After Width: | Height: | Size: 35 KiB |
|
After Width: | Height: | Size: 62 KiB |
|
Before Width: | Height: | Size: 55 KiB After Width: | Height: | Size: 99 KiB |
|
Before Width: | Height: | Size: 53 KiB After Width: | Height: | Size: 118 KiB |
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 9.7 KiB |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 23 KiB |
|
Before Width: | Height: | Size: 9.1 KiB After Width: | Height: | Size: 27 KiB |
@@ -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',
|
||||
|
||||