[IMP] theme_yes: update the theme
This commit updates the theme to improve the design with new colors, new
pictures and new snippet customizations.
task-2555035
X-original-commit: 2a2da47270
Part-of: odoo/design-themes#501
|
Before Width: | Height: | Size: 61 KiB After Width: | Height: | Size: 158 KiB |
|
After Width: | Height: | Size: 68 KiB |
|
After Width: | Height: | Size: 22 KiB |
|
After Width: | Height: | Size: 54 KiB |
|
Before Width: | Height: | Size: 109 KiB After Width: | Height: | Size: 26 KiB |
|
After Width: | Height: | Size: 25 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
Before Width: | Height: | Size: 85 KiB After Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 74 KiB After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 58 KiB |
|
After Width: | Height: | Size: 38 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 168 KiB After Width: | Height: | Size: 137 KiB |
|
Before Width: | Height: | Size: 145 KiB After Width: | Height: | Size: 36 KiB |
|
Before Width: | Height: | Size: 102 KiB After Width: | Height: | Size: 95 KiB |
|
Before Width: | Height: | Size: 40 KiB After Width: | Height: | Size: 63 KiB |
|
Before Width: | Height: | Size: 128 KiB After Width: | Height: | Size: 173 KiB |
|
Before Width: | Height: | Size: 71 KiB After Width: | Height: | Size: 55 KiB |
|
Before Width: | Height: | Size: 182 KiB After Width: | Height: | Size: 58 KiB |
|
Before Width: | Height: | Size: 105 KiB After Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 94 KiB After Width: | Height: | Size: 27 KiB |
|
Before Width: | Height: | Size: 64 KiB After Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 166 KiB After Width: | Height: | Size: 62 KiB |
|
Before Width: | Height: | Size: 107 KiB After Width: | Height: | Size: 90 KiB |
|
Before Width: | Height: | Size: 149 KiB After Width: | Height: | Size: 62 KiB |
|
Before Width: | Height: | Size: 108 KiB After Width: | Height: | Size: 36 KiB |
|
Before Width: | Height: | Size: 19 KiB After Width: | Height: | Size: 26 KiB |
|
Before Width: | Height: | Size: 17 KiB After Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 24 KiB After Width: | Height: | Size: 22 KiB |
|
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 23 KiB After Width: | Height: | Size: 22 KiB |
|
Before Width: | Height: | Size: 154 KiB After Width: | Height: | Size: 60 KiB |
|
Before Width: | Height: | Size: 114 KiB After Width: | Height: | Size: 102 KiB |
|
Before Width: | Height: | Size: 185 KiB After Width: | Height: | Size: 43 KiB |
|
After Width: | Height: | Size: 124 KiB |
|
After Width: | Height: | Size: 3.3 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 3.4 KiB |
|
Before Width: | Height: | Size: 73 KiB After Width: | Height: | Size: 43 KiB |
|
After Width: | Height: | Size: 24 KiB |
|
After Width: | Height: | Size: 21 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 19 KiB After Width: | Height: | Size: 19 KiB |
@@ -1,48 +1,41 @@
|
||||
odoo.define("theme_yes.tour.yes", function (require) {
|
||||
"use strict";
|
||||
/** @odoo-module */
|
||||
|
||||
const core = require("web.core");
|
||||
const _t = core._t;
|
||||
const wTourUtils = require("website.tour_utils");
|
||||
var tour = require("web_tour.tour");
|
||||
import wTourUtils from 'website.tour_utils';
|
||||
|
||||
const snippets = [
|
||||
{
|
||||
id: 's_carousel',
|
||||
name: 'Carousel',
|
||||
id: 's_cover',
|
||||
name: 'Cover',
|
||||
},
|
||||
{
|
||||
id: 's_picture',
|
||||
name: 'Picture',
|
||||
id: 's_title',
|
||||
name: 'Title',
|
||||
},
|
||||
{
|
||||
id: 's_masonry_block',
|
||||
name: 'Masonry',
|
||||
id: 's_company_team',
|
||||
name: 'Team',
|
||||
},
|
||||
{
|
||||
id: 's_three_columns',
|
||||
name: 'Columns',
|
||||
id: 's_media_list',
|
||||
name: 'Media List',
|
||||
},
|
||||
{
|
||||
id: 's_images_wall',
|
||||
name: 'Images Wall',
|
||||
},
|
||||
{
|
||||
id: 's_quotes_carousel',
|
||||
name: 'Quotes',
|
||||
},
|
||||
{
|
||||
id: 's_call_to_action',
|
||||
name: 'Call to Action',
|
||||
},
|
||||
];
|
||||
|
||||
wTourUtils.registerThemeHomepageTour("yes_tour", [
|
||||
wTourUtils.dragNDrop(snippets[0]),
|
||||
wTourUtils.clickOnText(snippets[0], 'h2'),
|
||||
wTourUtils.goBackToBlocks(),
|
||||
wTourUtils.dragNDrop(snippets[1]),
|
||||
wTourUtils.clickOnText(snippets[1], 'h1'),
|
||||
wTourUtils.goBackToBlocks(),
|
||||
wTourUtils.dragNDrop(snippets[2]),
|
||||
wTourUtils.dragNDrop(snippets[3]),
|
||||
wTourUtils.dragNDrop(snippets[4]),
|
||||
wTourUtils.dragNDrop(snippets[5]),
|
||||
wTourUtils.clickOnSnippet(snippets[5]),
|
||||
wTourUtils.changeOption('ScrollButton', 'we-button-group.o_we_user_value_widget', _t('height')),
|
||||
]);
|
||||
});
|
||||
|
||||
@@ -10,56 +10,61 @@ $o-theme-h5-font-size-multiplier: (14 / 12);
|
||||
$o-theme-h6-font-size-multiplier: 1;
|
||||
|
||||
$o-theme-font-configs: (
|
||||
'Spartan': (
|
||||
'family': ('Spartan', sans-serif), // font update - SinKinSans -> Spartan
|
||||
'url': 'Spartan:300,300i,400,400i,700,700i',
|
||||
'Playfair Display': (
|
||||
'family': ('Playfair Display', script),
|
||||
'url': 'Playfair+Display:400,400i,500,500i,600,600i,700,700i,800,800i',
|
||||
|
||||
),
|
||||
'Rajdhani': (
|
||||
'family': ('Rajdhani', sans-serif),
|
||||
'url': 'Rajdhani:300,300i,400,400i,700,700i',
|
||||
'Bodoni Moda': (
|
||||
'family': ('Bodoni Moda', script),
|
||||
'url': 'Bodoni+Moda:400,400i,600,600i,800,800i',
|
||||
),
|
||||
'Petit Formal Script': (
|
||||
'family': ('Petit Formal Script', cursive),
|
||||
'url': 'Petit+Formal+Script',
|
||||
),
|
||||
'Dancing Script': (
|
||||
'family': ('Dancing Script', cursive),
|
||||
'url': 'Dancing+Script:400,600,700',
|
||||
),
|
||||
'Roboto': (
|
||||
'family': ('Roboto', sans-serif),
|
||||
'url': 'Roboto:300,300i,400,400i,700,700i',
|
||||
),
|
||||
'Source Sans Pro': (
|
||||
'family': ('Source Sans Pro', sans-serif),
|
||||
'url': 'Source+Sans+Pro:300,300i,400,400i,700,700i',
|
||||
),
|
||||
'Ubuntu': (
|
||||
'family': ('Ubuntu', sans-serif),
|
||||
'url': 'Ubuntu:300,300i,400,400i,700,700i',
|
||||
),
|
||||
'Lato': (
|
||||
'family': ('Lato', sans-serif),
|
||||
'url': 'Lato:300,300i,400,400i,700,700i',
|
||||
),
|
||||
'Playfair Display': (
|
||||
'family': ('Playfair Display', serif),
|
||||
'url': 'Playfair+Display:300,300i,400,400i,700,700i',
|
||||
'Open Sans': (
|
||||
'family': ('Open Sans', sans-serif),
|
||||
'url': 'Open+Sans:300,300i,400,400i,700,700i',
|
||||
),
|
||||
'Lora': (
|
||||
'family': ('Lora', serif),
|
||||
'url': 'Lora:300,300i,400,400i,700,700i',
|
||||
'Raleway': (
|
||||
'family': ('Raleway', sans-serif),
|
||||
'url': 'Raleway:300,300i,400,400i,700,700i',
|
||||
),
|
||||
'Barlow Condensed': (
|
||||
'family': ('Barlow Condensed', sans-serif),
|
||||
'url': 'Barlow+Condensed:300,300i,400,400i,700,700i',
|
||||
'Quicksand': (
|
||||
'family': ('Quicksand', sans-serif),
|
||||
'url': 'Quicksand:300,300i,400,400i,700,700i',
|
||||
),
|
||||
);
|
||||
|
||||
//------------------------------------------------------------------------------
|
||||
// Default Values Override
|
||||
//------------------------------------------------------------------------------
|
||||
|
||||
$o-website-values-palettes: (
|
||||
(
|
||||
'color-palettes-name': 'yes-1',
|
||||
'font': 'Lora',
|
||||
'headings-font': 'Lora',
|
||||
'navbar-font': 'Lora',
|
||||
'buttons-font': 'Lora',
|
||||
'header-template': 'default',
|
||||
'footer-template': 'descriptive',
|
||||
'header-links-style': 'border-bottom',
|
||||
'logo-height': 3rem,
|
||||
'fixed-logo-height': 3rem,
|
||||
'color-palettes-name': 'yes-3',
|
||||
'font': 'Quicksand',
|
||||
'headings-font': 'Playfair Display',
|
||||
'navbar-font': 'Quicksand',
|
||||
'buttons-font': 'Quicksand',
|
||||
'footer-template': 'descriptive',
|
||||
'btn-border-radius': 10rem,
|
||||
'btn-border-radius-sm': 10rem,
|
||||
'btn-border-radius-lg': 10rem,
|
||||
'btn-ripple': true,
|
||||
),
|
||||
);
|
||||
|
||||
@@ -88,3 +93,14 @@ $o-color-palettes-compatibility-indexes: (
|
||||
20: 'generic-16',
|
||||
21: 'generic-17',
|
||||
);
|
||||
|
||||
//------------------------------------------------------------------------------
|
||||
// Bootstrap Overrides
|
||||
//------------------------------------------------------------------------------
|
||||
$carousel-indicator-width: 10px;
|
||||
$border-radius: 4px;
|
||||
|
||||
//-----------------------------------------------------------------------------
|
||||
// Shapes
|
||||
//-----------------------------------------------------------------------------
|
||||
$o-bg-shapes: add-extra-shape-colors-mapping('web_editor', 'Origins/14_001', 'second', (3:1, 4:2));
|
||||
|
||||