[IMP] theme_bewise: revamp the theme

task-4178020
part of task-4177975

Part-of: odoo/design-themes#969
Related: odoo/odoo#182029
Signed-off-by: Outagant Mehdi (mou) <mou@odoo.com>
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
This commit is contained in:
stefanorigano (SRI)
2024-09-18 19:54:16 +02:00
committed by qsm-odoo
parent dff50a4a87
commit f06ffd5c26
8 changed files with 246 additions and 336 deletions
Binary file not shown.

Before

Width:  |  Height:  |  Size: 78 KiB

After

Width:  |  Height:  |  Size: 104 KiB

+21 -32
View File
@@ -1,58 +1,47 @@
/** @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_striped_center_top',
name: 'Striped Center Top',
groupName: "Intro",
},
{
id: 's_call_to_action',
name: 'Call to Action',
groupName: "Content",
},
{
id: 's_text_image',
name: 'Text - Image',
groupName: "Content",
},
{
id: 's_numbers',
name: 'Numbers',
groupName: "Content",
},
{
id: 's_image_text',
name: 'Image - Text',
groupName: "Content",
},
{
id: 's_quotes_carousel',
name: 'Quotes',
groupName: "People",
id: 's_title',
name: 'Title',
groupName: "Text",
},
{
id: 's_color_blocks_2',
name: 'Big Boxes',
groupName: "Content",
},
{
id: 's_faq_collapse',
name: 'FAQ Block',
groupName: "Text",
},
{
id: 's_masonry_block',
name: 'Masonry',
groupName: "Images",
},
{
id: 's_company_team_shapes',
name: 'Team Shapes',
groupName: "People",
},
];
wTourUtils.registerThemeHomepageTour("bewise_tour", () => [
wTourUtils.assertCssVariable('--color-palettes-name', '"bewise-1"'),
wTourUtils.assertCssVariable('--color-palettes-name', '"default-19"'),
...wTourUtils.insertSnippet(snippets[0], 'top'),
...wTourUtils.clickOnText(snippets[0], 'h1', 'top'),
wTourUtils.goBackToBlocks(),
...wTourUtils.insertSnippet(snippets[1], 'top'),
...wTourUtils.insertSnippet(snippets[2], 'top'),
...wTourUtils.insertSnippet(snippets[3], 'top'),
...wTourUtils.clickOnSnippet(snippets[3], '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.insertSnippet(snippets[4], 'top'),
...wTourUtils.insertSnippet(snippets[5], 'top'),
...wTourUtils.insertSnippet(snippets[6], 'top'),
]);
@@ -41,14 +41,11 @@ $o-theme-color-palettes: map-merge($o-theme-color-palettes,
// Fonts
//------------------------------------------------------------------------------
$o-theme-h1-font-size-multiplier: (56 / 21);
$o-theme-h2-font-size-multiplier: (36 / 21);
$o-theme-h3-font-size-multiplier: (28 / 21);
$o-theme-h4-font-size-multiplier: (24 / 21);
$o-theme-h5-font-size-multiplier: 1;
$o-theme-h6-font-size-multiplier: (18 / 21);
$o-theme-font-configs: (
'Source Sans Pro': (
'family': ('Source Sans Pro', sans-serif),
'url': 'Source+Sans+Pro:300,300i,400,400i,700,700i',
),
'Lato': (
'family': ('Lato', sans-serif),
'url': 'Lato:300,300i,400,400i,700,700i',
@@ -101,24 +98,15 @@ $o-theme-font-configs: (
$o-website-values-palettes: (
(
'color-palettes-name': 'bewise-1',
'color-palettes-name': 'default-19',
'header-font-size': (20 / 16) * 1rem,
'font-size-base': 1.3125rem,
'font': 'Darker Grotesque',
'headings-font': 'Raleway',
'font': 'Source Sans Pro',
'headings-font': 'Darker Grotesque',
'footer-template': 'headline',
'btn-font-size-lg': 1.65rem,
'btn-padding-y-lg': .5rem,
'btn-ripple': true,
),
);
$o-selected-color-palettes-names: append($o-selected-color-palettes-names, 'bewise-1');
$o-color-palettes-compatibility-indexes: (
1: 'bewise-1',
2: 'bewise-2',
@@ -147,12 +135,3 @@ $o-theme-color-palettes-compatibility-indexes: (
3: 'bewise-3',
4: 'bewise-4',
);
//------------------------------------------------------------------------------
// Shapes
//------------------------------------------------------------------------------
$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Origins/14_001', (3: 1, 4: 1));
$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Rainy/08_001', (1: 1, 4: 1));
$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Floats/06', (1: 3, 2: 5, 3: 5, 5: 3));
$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Airy/04_001', (1: 3));