[IMP] theme_anelusia: update the theme

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

task-2573284

Part-of: odoo/design-themes#500

theme_anelusia/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="anelusia_description.png" class="img-fluid d-block mx-auto"/>
+    <img src="anelusia_description.jpg" class="img-fluid d-block mx-auto"/>
     <hr>
 
     <h2 class="text-muted">Anelusia Customization Tool</h2>

theme_anelusia/static/src/js/tour.js

@@ -1,18 +1,24 @@
-odoo.define("theme_anelusia.tour.anelusia", 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 snippets = [
     {
-        id: 's_cover',
-        name: 'Cover',
+        id: 's_banner',
+        name: 'Banner',
     },
     {
         id: 's_images_wall',
         name: 'Images Wall',
     },
+    {
+        id: 's_color_blocks_2',
+        name: 'Big Boxes',
+    },
+    {
+        id: 's_references',
+        name: 'References',
+    },
     {
         id: 's_media_list',
         name: 'Media List',
@@ -21,6 +27,10 @@ const snippets = [
         id: 's_company_team',
         name: 'Team',
     },
+    {
+        id: 's_call_to_action',
+        name: 'Call to Action',
+    },
 ];
 
 wTourUtils.registerThemeHomepageTour("anelusia_tour", [
@@ -33,5 +43,8 @@ wTourUtils.registerThemeHomepageTour("anelusia_tour", [
     wTourUtils.clickOnSnippet(snippets[3], 'top'),
     wTourUtils.changeBackgroundColor(),
     wTourUtils.selectColorPalette(),
+    wTourUtils.goBackToBlocks(),
+    wTourUtils.dragNDrop(snippets[4]),
+    wTourUtils.dragNDrop(snippets[5]),
+    wTourUtils.dragNDrop(snippets[6]),
 ]);
-});

theme_anelusia/static/src/scss/bootstrap_overridden.scss

@@ -33,7 +33,7 @@ $box-shadow-lg:                             0 0 .3125rem rgba(0,0,0,.25) !defaul
 
 $font-weight-normal:                        if(o-website-value('font-number') == 4, 300, 500) !default;
 
-$headings-font-weight:                      700 !default;
+$headings-font-weight:                      $o-theme-headings-font-weight !default;
 
 // Dropdowns
 //

theme_anelusia/static/src/scss/primary_variables.scss

@@ -4,20 +4,32 @@
 
 $o-website-values-palettes: (
     (
-        'color-palettes-name': 'anelusia-1',
+        'color-palettes-name': 'generic-17',
 
         // Header
-        'header-font-size':                 (20 / 16) * 1rem,
-        'header-template':                  'hamburger-full',
+        'header-font-size':                 1rem,
+        'header-template':                  'template_header_default',
 
         // Font
         'font':                             'Source Sans Pro',
-        'headings-font':                    'Source Sans Pro',
+        'headings-font':                    'Spartan',
         'navbar-font':                      'Source Sans Pro',
         'buttons-font':                     'Source Sans Pro',
 
+        // Links
         'link-underline':                   'never',
 
+        // Buttons
+        'btn-padding-y':                    .45rem,
+        'btn-padding-x':                    1.35rem,
+        'btn-padding-y-sm':                 .3rem,
+        'btn-padding-x-sm':                 .9rem,
+        'btn-padding-y-lg':                 .6rem,
+        'btn-padding-x-lg':                 1.8rem,
+        'btn-border-radius':                10rem,
+        'btn-border-radius-sm':             10rem,
+        'btn-border-radius-lg':             10rem,
+
         // Footer
         'footer-template':                  'headline',
     ),
@@ -27,6 +39,15 @@ $o-website-values-palettes: (
 // Fonts
 //------------------------------------------------------------------------------//
 
+$o-theme-h1-font-size-multiplier: (62 / 16);
+$o-theme-h2-font-size-multiplier: (32 / 16);
+$o-theme-h3-font-size-multiplier: (28 / 16);
+$o-theme-h4-font-size-multiplier: (24 / 16);
+$o-theme-h5-font-size-multiplier: (21 / 16);
+$o-theme-h6-font-size-multiplier: 1;
+
+$o-theme-headings-font-weight: 700;
+
 $o-theme-font-configs: (
     'Source Sans Pro': (
         'family': ('Source Sans Pro', sans-serif),
@@ -56,6 +77,10 @@ $o-theme-font-configs: (
         'family': ('EB Garamond', serif),
         'url': 'EB+Garamond:300,300i,400,400i,700,700i',
     ),
+    'Spartan': (
+        'family': ('Spartan', sans-serif),
+        'url': 'Spartan:300,300i,400,400i,700,700i',
+    ),
 );
 
 //------------------------------------------------------------------------------
@@ -137,3 +162,10 @@ $o-color-palettes-compatibility-indexes: (
     22: 'generic-16',
     23: 'generic-17',
 );
+
+//------------------------------------------------------------------------------
+// Shapes
+//------------------------------------------------------------------------------
+
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Floats/02', (1: 3, 3: 5));
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Origins/17', (3: 5));