[IMP] theme_bookstore: update the theme

This commit updates the theme to improve the design with new colors, new
pictures and new snippet customizations.

task-2557935

X-original-commit: 1f632d8dd7
Part-of: odoo/design-themes#501

theme_bookstore/static/description/index.html

@@ -7,7 +7,7 @@
         first projects on the web. Just drag & drop the new building blocks
         you need to easily build your layout. All layouts are made of sections,
         that you can easily combine to fit your specific project.</p>
-    <img src="bookstore_description.png" class="img-fluid d-block mx-auto"/>
+    <img src="bookstore_description.jpg" class="img-fluid d-block mx-auto"/>
     <hr>
 
     <h2 class="text-muted">Bookstore Customization Tool</h2>

theme_bookstore/static/src/js/tour.js

@@ -1,17 +1,22 @@
-odoo.define("theme_bookstore.tour.bookstore", function (require) {
-"use strict";
+/** @odoo-module */
 
-const wTourUtils = require("website.tour_utils");
-var tour = require("web_tour.tour");
+import wTourUtils from 'website.tour_utils';
+
+const core = require("web.core");
+const _t = core._t;
 
 const snippets = [
     {
-        id: 's_title',
-        name: 'Title',
+        id: 's_cover',
+        name: 'Cover',
     },
     {
-        id: 's_three_columns',
-        name: 'Columns',
+        id: 's_masonry_block',
+        name: 'Masonry',
+    },
+    {
+        id: 's_image_text',
+        name: 'Image - Text',
     },
     {
         id: 's_picture',
@@ -21,10 +26,6 @@ const snippets = [
         id: 's_product_list',
         name: 'Items',
     },
-    {
-        id: 's_text_image',
-        name: 'Text - Image',
-    },
     {
         id: 's_call_to_action',
         name: 'Call to Action',
@@ -38,11 +39,9 @@ wTourUtils.registerThemeHomepageTour("bookstore_tour", [
     wTourUtils.dragNDrop(snippets[1]),
     wTourUtils.dragNDrop(snippets[2]),
     wTourUtils.dragNDrop(snippets[3]),
-    wTourUtils.clickOnSnippet(snippets[3]),
-    wTourUtils.changeBackgroundColor(),
-    wTourUtils.selectColorPalette(),
-    wTourUtils.goBackToBlocks(),
     wTourUtils.dragNDrop(snippets[4]),
+    wTourUtils.clickOnSnippet(snippets[4]),
+    wTourUtils.changeOption('ContainerWidth', 'we-button-group.o_we_user_value_widget', _t('width')),
+    wTourUtils.goBackToBlocks(),
     wTourUtils.dragNDrop(snippets[5]),
 ]);
-});

theme_bookstore/static/src/scss/primary_variables.scss

@@ -2,10 +2,10 @@
 // Fonts
 //------------------------------------------------------------------------------
 
-$o-theme-h1-font-size-multiplier: (25 / 12);
-$o-theme-h2-font-size-multiplier: (18 / 12);
-$o-theme-h3-font-size-multiplier: (16 / 12);
-$o-theme-h4-font-size-multiplier: (14 / 12);
+$o-theme-h1-font-size-multiplier: (62 / 16);
+$o-theme-h2-font-size-multiplier: (48 / 16);
+$o-theme-h3-font-size-multiplier: (32 / 16);
+$o-theme-h4-font-size-multiplier: (24 / 16);
 $o-theme-h5-font-size-multiplier: 1;
 $o-theme-h6-font-size-multiplier: 1;
 
@@ -50,6 +50,10 @@ $o-theme-font-configs: (
         'family': ('Cormorant', serif),
         'url': 'Cormorant:300,300i,400,400i,700,700i',
     ),
+    'DM Serif Display': (
+        'family': ('DM Serif Display', serif),
+        'url': 'DM+Serif+Display:400,400i',
+    ),
 );
 
 //------------------------------------------------------------------------------
@@ -58,18 +62,19 @@ $o-theme-font-configs: (
 
 $o-website-values-palettes: (
     (
-        'color-palettes-name': 'bookstore-1',
-        'header-font-size': (18 / 16) * 1rem,
+        'color-palettes-name': 'generic-8',
+        'header-font-size': 1rem,
         'btn-border-radius': 0px,
         'btn-border-radius-sm': 0px,
         'btn-border-radius-lg': 0px,
-        'font': 'Poppins',
-        'headings-font': 'Poppins',
-        'navbar-font': 'Poppins',
-        'buttons-font': 'Poppins',
+        'font': 'Source Sans Pro',
+        'headings-font': 'DM Serif Display',
+        'navbar-font': 'Source Sans Pro',
+        'buttons-font': 'Source Sans Pro',
         'header-template': 'Contact',
-        'footer-template': 'descriptive',
+        'footer-template': 'links',
         'header-links-style': 'border-bottom',
+        'link-underline': 'never',
     ),
 );
 
@@ -100,3 +105,13 @@ $o-color-palettes-compatibility-indexes: (
     22: 'generic-16',
     23: 'generic-17',
 );
+
+//------------------------------------------------------------------------------
+// Shapes
+//------------------------------------------------------------------------------
+
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Rainy/04', (1: 4, 5: 4));
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Rainy/10', (1: 1));
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Wavy/20', (2: 5));
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Wavy/10', (1: 3, 2: 3));
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Origins/17', (3: 5));