[IMP] theme_paptic: update the theme

This commit updates the theme to improve the design with shapes, new
pictures and new custom snippets.

task-2602618

closes odoo/design-themes#497

X-original-commit: a416e49105
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>

theme_paptic/static/src/js/tour.js

@@ -1,11 +1,6 @@
-odoo.define("theme_paptic.tour.paptic", 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 = [
     {
@@ -24,6 +19,14 @@ const snippets = [
         id: 's_three_columns',
         name: 'Columns',
     },
+    {
+        id: 's_comparisons',
+        name: 'Comparisons',
+    },
+    {
+        id: 's_call_to_action',
+        name: 'Call to Action',
+    },
 ];
 
 
@@ -31,9 +34,9 @@ wTourUtils.registerThemeHomepageTour("paptic_tour", [
     wTourUtils.dragNDrop(snippets[0], 'top'),
     wTourUtils.clickOnText(snippets[0], 'h1', 'top'),
     wTourUtils.goBackToBlocks(),
-
     wTourUtils.dragNDrop(snippets[1], 'top'),
     wTourUtils.dragNDrop(snippets[2], 'top'),
     wTourUtils.dragNDrop(snippets[3], 'top'),
+    wTourUtils.dragNDrop(snippets[4], 'top'),
+    wTourUtils.dragNDrop(snippets[5], 'top'),
 ]);
-});

theme_paptic/static/src/scss/primary_variables.scss

@@ -2,12 +2,12 @@
 // Fonts
 //------------------------------------------------------------------------------
 
-$o-theme-h1-font-size-multiplier: (48.83 / 16);
-$o-theme-h2-font-size-multiplier: (39.06 / 16);
-$o-theme-h3-font-size-multiplier: (31.25 / 16);
-$o-theme-h4-font-size-multiplier: (25.00 / 16);
-$o-theme-h5-font-size-multiplier: (20.00 / 16);
-$o-theme-h6-font-size-multiplier: 1.1;
+$o-theme-h1-font-size-multiplier: (48 / 14);
+$o-theme-h2-font-size-multiplier: (38 / 14);
+$o-theme-h3-font-size-multiplier: (28 / 14);
+$o-theme-h4-font-size-multiplier: (24 / 14);
+$o-theme-h5-font-size-multiplier: (21 / 14);
+$o-theme-h6-font-size-multiplier: (18 / 14);
 
 $o-theme-font-configs: (
     'Inter': (
@@ -87,4 +87,9 @@ $o-color-palettes-compatibility-indexes: (
 $o-bg-shapes: change-shape-colors-mapping('web_editor', 'Blocks/04', (3: 1));
 $o-bg-shapes: change-shape-colors-mapping('web_editor', 'Origins/03', (3: 1));
 $o-bg-shapes: change-shape-colors-mapping('web_editor', 'Origins/01', (2: 3, 5: 3));
-$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Origins/02_001', (4: 1, 5: rgba(0, 0, 0, 0)));
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Origins/02_001', (4: 1, 5: 3));
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Origins/07_002', (3: 1, 4: 3, 5: 1));
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Floats/03', (1: 4, 2: 2, 3: 3, 5: 2));
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Airy/12_001', (1: 5, 3: 1));
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Bold/08', (1: 3));
+$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Blocks/01_001', (1: 4, 3: 2, 5: 4));