From b491e34f19565bca3ae45e720215d129abb649f3 Mon Sep 17 00:00:00 2001
From: "Chrysanthe (chgo)" <chgo@odoo.com>
Date: Mon, 28 Oct 2024 10:47:36 +0100
Subject: [PATCH] [IMP] theme_*: adapt `s_numbers_framed` across design themes

*: artists, avantgarde, aviato, beauty, bewise, bistro, bookstore, buzzy,
clean, cobalt, enark, graphene, kea, kiddo, loftspace, monglia, nano,
botes, odoo_experts, orchid, paptic, real_estate, treehouse, vehicle,
yes,zap.

This commit adapts the design of the `s_numbers_framed` occurrences
across design themes.

task-4094384
Part of task-4077427
---
 theme_artists/__manifest__.py                 |  1 +
 .../views/snippets/s_numbers_framed.xml       | 21 +++++++++++++++++++
 theme_avantgarde/views/customizations.xml     | 18 ++++++++++++++++
 theme_aviato/__manifest__.py                  |  1 +
 .../views/snippets/s_numbers_framed.xml       | 21 +++++++++++++++++++
 theme_beauty/__manifest__.py                  |  1 +
 .../views/snippets/s_numbers_framed.xml       | 21 +++++++++++++++++++
 theme_bewise/views/customizations.xml         | 18 ++++++++++++++++
 theme_bistro/__manifest__.py                  |  1 +
 .../views/snippets/s_numbers_framed.xml       | 21 +++++++++++++++++++
 theme_bookstore/__manifest__.py               |  1 +
 .../views/snippets/s_numbers_framed.xml       | 21 +++++++++++++++++++
 theme_buzzy/__manifest__.py                   |  1 +
 .../views/snippets/s_numbers_framed.xml       | 21 +++++++++++++++++++
 theme_clean/__manifest__.py                   |  1 +
 .../views/snippets/s_numbers_framed.xml       | 21 +++++++++++++++++++
 theme_cobalt/views/customizations.xml         | 14 +++++++++++++
 theme_enark/__manifest__.py                   |  1 +
 .../views/snippets/s_numbers_framed.xml       | 21 +++++++++++++++++++
 theme_graphene/views/customizations.xml       | 18 ++++++++++++++++
 theme_kea/__manifest__.py                     |  1 +
 theme_kea/views/snippets/s_numbers_framed.xml | 17 +++++++++++++++
 theme_kiddo/__manifest__.py                   |  1 +
 .../views/snippets/s_numbers_framed.xml       | 17 +++++++++++++++
 theme_loftspace/__manifest__.py               |  1 +
 .../views/snippets/s_numbers_framed.xml       | 21 +++++++++++++++++++
 theme_monglia/views/customizations.xml        | 18 ++++++++++++++++
 theme_nano/__manifest__.py                    |  1 +
 .../views/snippets/s_numbers_framed.xml       | 21 +++++++++++++++++++
 theme_notes/__manifest__.py                   |  1 +
 .../views/snippets/s_numbers_framed.xml       | 21 +++++++++++++++++++
 theme_odoo_experts/__manifest__.py            |  1 +
 .../views/snippets/s_numbers_framed.xml       | 21 +++++++++++++++++++
 theme_orchid/__manifest__.py                  |  1 +
 .../views/snippets/s_numbers_framed.xml       | 21 +++++++++++++++++++
 theme_paptic/views/customizations.xml         | 14 +++++++++++++
 theme_real_estate/__manifest__.py             |  1 +
 .../views/snippets/s_numbers_framed.xml       | 17 +++++++++++++++
 theme_treehouse/__manifest__.py               |  1 +
 .../views/snippets/s_numbers_framed.xml       | 17 +++++++++++++++
 theme_vehicle/views/customizations.xml        | 18 ++++++++++++++++
 theme_yes/__manifest__.py                     |  1 +
 theme_yes/views/snippets/s_numbers_framed.xml | 21 +++++++++++++++++++
 theme_zap/__manifest__.py                     |  1 +
 theme_zap/views/snippets/s_numbers_framed.xml | 21 +++++++++++++++++++
 45 files changed, 520 insertions(+)
 create mode 100644 theme_artists/views/snippets/s_numbers_framed.xml
 create mode 100644 theme_aviato/views/snippets/s_numbers_framed.xml
 create mode 100644 theme_beauty/views/snippets/s_numbers_framed.xml
 create mode 100644 theme_bistro/views/snippets/s_numbers_framed.xml
 create mode 100644 theme_bookstore/views/snippets/s_numbers_framed.xml
 create mode 100644 theme_buzzy/views/snippets/s_numbers_framed.xml
 create mode 100644 theme_clean/views/snippets/s_numbers_framed.xml
 create mode 100644 theme_enark/views/snippets/s_numbers_framed.xml
 create mode 100644 theme_kea/views/snippets/s_numbers_framed.xml
 create mode 100644 theme_kiddo/views/snippets/s_numbers_framed.xml
 create mode 100644 theme_loftspace/views/snippets/s_numbers_framed.xml
 create mode 100644 theme_nano/views/snippets/s_numbers_framed.xml
 create mode 100644 theme_notes/views/snippets/s_numbers_framed.xml
 create mode 100644 theme_odoo_experts/views/snippets/s_numbers_framed.xml
 create mode 100644 theme_orchid/views/snippets/s_numbers_framed.xml
 create mode 100644 theme_real_estate/views/snippets/s_numbers_framed.xml
 create mode 100644 theme_treehouse/views/snippets/s_numbers_framed.xml
 create mode 100644 theme_yes/views/snippets/s_numbers_framed.xml
 create mode 100644 theme_zap/views/snippets/s_numbers_framed.xml

diff --git a/theme_artists/__manifest__.py b/theme_artists/__manifest__.py
index 59aa5d387c..4a14af412a 100644
--- a/theme_artists/__manifest__.py
+++ b/theme_artists/__manifest__.py
@@ -98,6 +98,7 @@
         'views/snippets/s_title_form.xml',
         'views/snippets/s_unveil.xml',
         'views/snippets/s_empowerment.xml',
+        'views/snippets/s_numbers_framed.xml',
         'views/new_page_template.xml',
     ],
     'images': [
diff --git a/theme_artists/views/snippets/s_numbers_framed.xml b/theme_artists/views/snippets/s_numbers_framed.xml
new file mode 100644
index 0000000000..4a14bb85b0
--- /dev/null
+++ b/theme_artists/views/snippets/s_numbers_framed.xml
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_numbers_framed" inherit_id="website.s_numbers_framed">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc5" separator=" "/>
+    </xpath>
+    <!-- KPI's -->
+    <xpath expr="//div[hasclass('col-lg-4')][1]" position="attributes">
+        <attribute name="class" add="o_cc3" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][2]" position="attributes">
+        <attribute name="class" add="o_cc3" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][3]" position="attributes">
+        <attribute name="class" add="o_cc3" remove="o_cc2" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_avantgarde/views/customizations.xml b/theme_avantgarde/views/customizations.xml
index 312515f5b5..9d8f28d9a6 100644
--- a/theme_avantgarde/views/customizations.xml
+++ b/theme_avantgarde/views/customizations.xml
@@ -836,4 +836,22 @@
     </xpath>
 </template>
 
+<!-- ======== NUMBERS FRAMED ======== -->
+<template id="s_numbers_framed" inherit_id="website.s_numbers_framed">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc5" separator=" "/>
+    </xpath>
+    <!-- KPI's -->
+    <xpath expr="//div[hasclass('col-lg-4')][1]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][2]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][3]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+</template>
+
 </odoo>
diff --git a/theme_aviato/__manifest__.py b/theme_aviato/__manifest__.py
index f57bee371b..51b366ec0e 100644
--- a/theme_aviato/__manifest__.py
+++ b/theme_aviato/__manifest__.py
@@ -54,6 +54,7 @@
         'views/snippets/s_images_constellation.xml',
         'views/snippets/s_text_cover.xml',
         'views/snippets/s_empowerment.xml',
+        'views/snippets/s_numbers_framed.xml',
         'views/new_page_template.xml',
     ],
     'images': [
diff --git a/theme_aviato/views/snippets/s_numbers_framed.xml b/theme_aviato/views/snippets/s_numbers_framed.xml
new file mode 100644
index 0000000000..848abd596c
--- /dev/null
+++ b/theme_aviato/views/snippets/s_numbers_framed.xml
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_numbers_framed" inherit_id="website.s_numbers_framed">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc5" separator=" "/>
+    </xpath>
+    <!-- KPI's -->
+    <xpath expr="//div[hasclass('col-lg-4')][1]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][2]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][3]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_beauty/__manifest__.py b/theme_beauty/__manifest__.py
index 5677a61ee8..02bf0dfff5 100644
--- a/theme_beauty/__manifest__.py
+++ b/theme_beauty/__manifest__.py
@@ -58,6 +58,7 @@
         'views/snippets/s_shape_image.xml',
         'views/snippets/s_text_cover.xml',
         'views/snippets/s_empowerment.xml',
+        'views/snippets/s_numbers_framed.xml',
         'views/new_page_template.xml',
     ],
     'images': [
diff --git a/theme_beauty/views/snippets/s_numbers_framed.xml b/theme_beauty/views/snippets/s_numbers_framed.xml
new file mode 100644
index 0000000000..4a14bb85b0
--- /dev/null
+++ b/theme_beauty/views/snippets/s_numbers_framed.xml
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_numbers_framed" inherit_id="website.s_numbers_framed">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc5" separator=" "/>
+    </xpath>
+    <!-- KPI's -->
+    <xpath expr="//div[hasclass('col-lg-4')][1]" position="attributes">
+        <attribute name="class" add="o_cc3" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][2]" position="attributes">
+        <attribute name="class" add="o_cc3" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][3]" position="attributes">
+        <attribute name="class" add="o_cc3" remove="o_cc2" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_bewise/views/customizations.xml b/theme_bewise/views/customizations.xml
index a35689cbd1..e76bc485db 100644
--- a/theme_bewise/views/customizations.xml
+++ b/theme_bewise/views/customizations.xml
@@ -1138,4 +1138,22 @@
     </xpath>
 </template>
 
+<!-- ======== NUMBERS FRAMED ======== -->
+<template id="s_numbers_framed" inherit_id="website.s_numbers_framed">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc5" separator=" "/>
+    </xpath>
+    <!-- KPI's -->
+    <xpath expr="//div[hasclass('col-lg-4')][1]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][2]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][3]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+</template>
+
 </odoo>
diff --git a/theme_bistro/__manifest__.py b/theme_bistro/__manifest__.py
index d3d315e100..ce9ab7fab6 100644
--- a/theme_bistro/__manifest__.py
+++ b/theme_bistro/__manifest__.py
@@ -53,6 +53,7 @@
         'views/snippets/s_images_constellation.xml',
         'views/snippets/s_text_cover.xml',
         'views/snippets/s_empowerment.xml',
+        'views/snippets/s_numbers_framed.xml',
         'views/new_page_template.xml',
 
     ],
diff --git a/theme_bistro/views/snippets/s_numbers_framed.xml b/theme_bistro/views/snippets/s_numbers_framed.xml
new file mode 100644
index 0000000000..c9c6c26d19
--- /dev/null
+++ b/theme_bistro/views/snippets/s_numbers_framed.xml
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_numbers_framed" inherit_id="website.s_numbers_framed">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_colored_level o_cc5" separator=" "/>
+    </xpath>
+    <!-- KPI's -->
+    <xpath expr="//div[hasclass('col-lg-4')][1]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][2]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][3]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_bookstore/__manifest__.py b/theme_bookstore/__manifest__.py
index c9d73da1c1..f030b84cf4 100644
--- a/theme_bookstore/__manifest__.py
+++ b/theme_bookstore/__manifest__.py
@@ -60,6 +60,7 @@
         'views/snippets/s_text_cover.xml',
         'views/snippets/s_accordion.xml',
         'views/snippets/s_accordion_image.xml',
+        'views/snippets/s_numbers_framed.xml',
         'views/new_page_template.xml',
     ],
     'images': [
diff --git a/theme_bookstore/views/snippets/s_numbers_framed.xml b/theme_bookstore/views/snippets/s_numbers_framed.xml
new file mode 100644
index 0000000000..848abd596c
--- /dev/null
+++ b/theme_bookstore/views/snippets/s_numbers_framed.xml
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_numbers_framed" inherit_id="website.s_numbers_framed">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc5" separator=" "/>
+    </xpath>
+    <!-- KPI's -->
+    <xpath expr="//div[hasclass('col-lg-4')][1]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][2]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][3]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_buzzy/__manifest__.py b/theme_buzzy/__manifest__.py
index c171f28b02..c25b53e1b8 100644
--- a/theme_buzzy/__manifest__.py
+++ b/theme_buzzy/__manifest__.py
@@ -64,6 +64,7 @@
         'views/snippets/s_image_frame.xml',
         'views/snippets/s_wavy_grid.xml',
         'views/snippets/s_empowerment.xml',
+        'views/snippets/s_numbers_framed.xml',
         'views/new_page_template.xml',
     ],
     'images': [
diff --git a/theme_buzzy/views/snippets/s_numbers_framed.xml b/theme_buzzy/views/snippets/s_numbers_framed.xml
new file mode 100644
index 0000000000..ec14ab77d4
--- /dev/null
+++ b/theme_buzzy/views/snippets/s_numbers_framed.xml
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_numbers_framed" inherit_id="website.s_numbers_framed">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc3" separator=" "/>
+    </xpath>
+    <!-- KPI's -->
+    <xpath expr="//div[hasclass('col-lg-4')][1]" position="attributes">
+        <attribute name="class" add="o_cc1" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][2]" position="attributes">
+        <attribute name="class" add="o_cc1" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][3]" position="attributes">
+        <attribute name="class" add="o_cc1" remove="o_cc2" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_clean/__manifest__.py b/theme_clean/__manifest__.py
index b54d8708b7..ef36a64d8e 100644
--- a/theme_clean/__manifest__.py
+++ b/theme_clean/__manifest__.py
@@ -44,6 +44,7 @@
         'views/snippets/s_shape_image.xml',
         'views/snippets/s_images_constellation.xml',
         'views/snippets/s_empowerment.xml',
+        'views/snippets/s_numbers_framed.xml',
         'views/new_page_template.xml',
     ],
     'images': [
diff --git a/theme_clean/views/snippets/s_numbers_framed.xml b/theme_clean/views/snippets/s_numbers_framed.xml
new file mode 100644
index 0000000000..91c67a8139
--- /dev/null
+++ b/theme_clean/views/snippets/s_numbers_framed.xml
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_numbers_framed" inherit_id="website.s_numbers_framed">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc3" separator=" "/>
+    </xpath>
+    <!-- KPI's -->
+    <xpath expr="//div[hasclass('col-lg-4')][1]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][2]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][3]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_cobalt/views/customizations.xml b/theme_cobalt/views/customizations.xml
index 8f4d19ee6f..28c29602ff 100644
--- a/theme_cobalt/views/customizations.xml
+++ b/theme_cobalt/views/customizations.xml
@@ -706,4 +706,18 @@
     </xpath>
 </template>
 
+<!-- ======== FRAMED NUMBERS ======== -->
+<template id="s_numbers_framed" inherit_id="website.s_numbers_framed">
+    <!-- KPI's -->
+    <xpath expr="//div[hasclass('col-lg-4')][1]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][2]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][3]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+</template>
+
 </odoo>
diff --git a/theme_enark/__manifest__.py b/theme_enark/__manifest__.py
index 17676fe0d4..a0b2e48eac 100644
--- a/theme_enark/__manifest__.py
+++ b/theme_enark/__manifest__.py
@@ -51,6 +51,7 @@
         'views/snippets/s_images_constellation.xml',
         'views/snippets/s_text_cover.xml',
         'views/snippets/s_empowerment.xml',
+        'views/snippets/s_numbers_framed.xml',
         'views/new_page_template.xml',
     ],
     'images': [
diff --git a/theme_enark/views/snippets/s_numbers_framed.xml b/theme_enark/views/snippets/s_numbers_framed.xml
new file mode 100644
index 0000000000..848abd596c
--- /dev/null
+++ b/theme_enark/views/snippets/s_numbers_framed.xml
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_numbers_framed" inherit_id="website.s_numbers_framed">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc5" separator=" "/>
+    </xpath>
+    <!-- KPI's -->
+    <xpath expr="//div[hasclass('col-lg-4')][1]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][2]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][3]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_graphene/views/customizations.xml b/theme_graphene/views/customizations.xml
index c1025f0919..b0ae8a1cbc 100644
--- a/theme_graphene/views/customizations.xml
+++ b/theme_graphene/views/customizations.xml
@@ -648,4 +648,22 @@
     </xpath>
 </template>
 
+<!-- ======== NUMBERS FRAMED ======== -->
+<template id="s_numbers_framed" inherit_id="website.s_numbers_framed">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc5" separator=" "/>
+    </xpath>
+    <!-- KPI's -->
+    <xpath expr="//div[hasclass('col-lg-4')][1]" position="attributes">
+        <attribute name="class" add="o_cc3" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][2]" position="attributes">
+        <attribute name="class" add="o_cc3" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][3]" position="attributes">
+        <attribute name="class" add="o_cc3" remove="o_cc2" separator=" "/>
+    </xpath>
+</template>
+
 </odoo>
diff --git a/theme_kea/__manifest__.py b/theme_kea/__manifest__.py
index 0489e4d8ce..c1587dfd2b 100644
--- a/theme_kea/__manifest__.py
+++ b/theme_kea/__manifest__.py
@@ -52,6 +52,7 @@
         'views/snippets/s_wavy_grid.xml',
         'views/snippets/s_text_cover.xml',
         'views/snippets/s_empowerment.xml',
+        'views/snippets/s_numbers_framed.xml',
         'views/new_page_template.xml',
     ],
     'images': [
diff --git a/theme_kea/views/snippets/s_numbers_framed.xml b/theme_kea/views/snippets/s_numbers_framed.xml
new file mode 100644
index 0000000000..0450042ea8
--- /dev/null
+++ b/theme_kea/views/snippets/s_numbers_framed.xml
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_numbers_framed" inherit_id="website.s_numbers_framed">
+    <!-- KPI's -->
+    <xpath expr="//div[hasclass('col-lg-4')][1]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][2]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][3]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_kiddo/__manifest__.py b/theme_kiddo/__manifest__.py
index ac90538ee1..dd998fb355 100644
--- a/theme_kiddo/__manifest__.py
+++ b/theme_kiddo/__manifest__.py
@@ -55,6 +55,7 @@
         'views/snippets/s_images_constellation.xml',
         'views/snippets/s_text_cover.xml',
         'views/snippets/s_empowerment.xml',
+        'views/snippets/s_numbers_framed.xml',
         'views/new_page_template.xml',
     ],
     'images': [
diff --git a/theme_kiddo/views/snippets/s_numbers_framed.xml b/theme_kiddo/views/snippets/s_numbers_framed.xml
new file mode 100644
index 0000000000..0450042ea8
--- /dev/null
+++ b/theme_kiddo/views/snippets/s_numbers_framed.xml
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_numbers_framed" inherit_id="website.s_numbers_framed">
+    <!-- KPI's -->
+    <xpath expr="//div[hasclass('col-lg-4')][1]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][2]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][3]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_loftspace/__manifest__.py b/theme_loftspace/__manifest__.py
index e2c0c29dd0..28f54cf76c 100644
--- a/theme_loftspace/__manifest__.py
+++ b/theme_loftspace/__manifest__.py
@@ -53,6 +53,7 @@
         'views/snippets/s_wavy_grid.xml',
         'views/snippets/s_text_cover.xml',
         'views/snippets/s_empowerment.xml',
+        'views/snippets/s_numbers_framed.xml',
         'views/new_page_template.xml',
     ],
     'images': [
diff --git a/theme_loftspace/views/snippets/s_numbers_framed.xml b/theme_loftspace/views/snippets/s_numbers_framed.xml
new file mode 100644
index 0000000000..848abd596c
--- /dev/null
+++ b/theme_loftspace/views/snippets/s_numbers_framed.xml
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_numbers_framed" inherit_id="website.s_numbers_framed">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc5" separator=" "/>
+    </xpath>
+    <!-- KPI's -->
+    <xpath expr="//div[hasclass('col-lg-4')][1]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][2]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][3]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_monglia/views/customizations.xml b/theme_monglia/views/customizations.xml
index 665672ab05..772e1d0d6e 100644
--- a/theme_monglia/views/customizations.xml
+++ b/theme_monglia/views/customizations.xml
@@ -1029,4 +1029,22 @@
     <xpath expr="//p" position="replace"/>
 </template>
 
+<!-- ======== NUMBERS FRAMED ======== -->
+<template id="s_numbers_framed" inherit_id="website.s_numbers_framed">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc5" separator=" "/>
+    </xpath>
+    <!-- KPI's -->
+    <xpath expr="//div[hasclass('col-lg-4')][1]" position="attributes">
+        <attribute name="class" add="o_cc3" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][2]" position="attributes">
+        <attribute name="class" add="o_cc3" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][3]" position="attributes">
+        <attribute name="class" add="o_cc3" remove="o_cc2" separator=" "/>
+    </xpath>
+</template>
+
 </odoo>
diff --git a/theme_nano/__manifest__.py b/theme_nano/__manifest__.py
index 5dfeb77392..09a8861ed6 100644
--- a/theme_nano/__manifest__.py
+++ b/theme_nano/__manifest__.py
@@ -46,6 +46,7 @@
         'views/snippets/s_numbers.xml',
         'views/snippets/s_image_text_overlap.xml',
         'views/snippets/s_company_team_basic.xml',
+        'views/snippets/s_numbers_framed.xml',
         'views/new_page_template.xml',
     ],
     'images': [
diff --git a/theme_nano/views/snippets/s_numbers_framed.xml b/theme_nano/views/snippets/s_numbers_framed.xml
new file mode 100644
index 0000000000..848abd596c
--- /dev/null
+++ b/theme_nano/views/snippets/s_numbers_framed.xml
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_numbers_framed" inherit_id="website.s_numbers_framed">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc5" separator=" "/>
+    </xpath>
+    <!-- KPI's -->
+    <xpath expr="//div[hasclass('col-lg-4')][1]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][2]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][3]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_notes/__manifest__.py b/theme_notes/__manifest__.py
index 8347efb07b..8691bbabd7 100644
--- a/theme_notes/__manifest__.py
+++ b/theme_notes/__manifest__.py
@@ -63,6 +63,7 @@
         'views/snippets/s_shape_image.xml',
         'views/snippets/s_text_cover.xml',
         'views/snippets/s_empowerment.xml',
+        'views/snippets/s_numbers_framed.xml',
         'views/new_page_template.xml',
     ],
     'images': [
diff --git a/theme_notes/views/snippets/s_numbers_framed.xml b/theme_notes/views/snippets/s_numbers_framed.xml
new file mode 100644
index 0000000000..848abd596c
--- /dev/null
+++ b/theme_notes/views/snippets/s_numbers_framed.xml
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_numbers_framed" inherit_id="website.s_numbers_framed">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc5" separator=" "/>
+    </xpath>
+    <!-- KPI's -->
+    <xpath expr="//div[hasclass('col-lg-4')][1]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][2]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][3]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_odoo_experts/__manifest__.py b/theme_odoo_experts/__manifest__.py
index 663e798abd..611f47ef8c 100644
--- a/theme_odoo_experts/__manifest__.py
+++ b/theme_odoo_experts/__manifest__.py
@@ -52,6 +52,7 @@
         'views/snippets/s_numbers_list.xml',
         'views/snippets/s_showcase.xml',
         'views/snippets/s_mockup_image.xml',
+        'views/snippets/s_numbers_framed.xml',
         'views/new_page_template.xml',
     ],
     'images': [
diff --git a/theme_odoo_experts/views/snippets/s_numbers_framed.xml b/theme_odoo_experts/views/snippets/s_numbers_framed.xml
new file mode 100644
index 0000000000..848abd596c
--- /dev/null
+++ b/theme_odoo_experts/views/snippets/s_numbers_framed.xml
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_numbers_framed" inherit_id="website.s_numbers_framed">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc5" separator=" "/>
+    </xpath>
+    <!-- KPI's -->
+    <xpath expr="//div[hasclass('col-lg-4')][1]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][2]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][3]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_orchid/__manifest__.py b/theme_orchid/__manifest__.py
index 864f65af94..4bb586b953 100644
--- a/theme_orchid/__manifest__.py
+++ b/theme_orchid/__manifest__.py
@@ -54,6 +54,7 @@
         'views/snippets/s_shape_image.xml',
         'views/snippets/s_references.xml',
         'views/snippets/s_empowerment.xml',
+        'views/snippets/s_numbers_framed.xml',
         'views/new_page_template.xml',
     ],
     'images': [
diff --git a/theme_orchid/views/snippets/s_numbers_framed.xml b/theme_orchid/views/snippets/s_numbers_framed.xml
new file mode 100644
index 0000000000..848abd596c
--- /dev/null
+++ b/theme_orchid/views/snippets/s_numbers_framed.xml
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_numbers_framed" inherit_id="website.s_numbers_framed">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc5" separator=" "/>
+    </xpath>
+    <!-- KPI's -->
+    <xpath expr="//div[hasclass('col-lg-4')][1]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][2]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][3]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_paptic/views/customizations.xml b/theme_paptic/views/customizations.xml
index 60acc48567..17875d62e5 100644
--- a/theme_paptic/views/customizations.xml
+++ b/theme_paptic/views/customizations.xml
@@ -778,4 +778,18 @@
     </xpath>
 </template>
 
+<!-- ==== NUMBERS FRAMED ===== -->
+<template id="s_numbers_framed" inherit_id="website.s_numbers_framed">
+    <!-- KPI's -->
+    <xpath expr="//div[hasclass('col-lg-4')][1]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][2]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][3]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+</template>
+
 </odoo>
diff --git a/theme_real_estate/__manifest__.py b/theme_real_estate/__manifest__.py
index 573fa66f1d..4374c8535d 100644
--- a/theme_real_estate/__manifest__.py
+++ b/theme_real_estate/__manifest__.py
@@ -49,6 +49,7 @@
         'views/snippets/s_shape_image.xml',
         'views/snippets/s_images_constellation.xml',
         'views/snippets/s_empowerment.xml',
+        'views/snippets/s_numbers_framed.xml',
         'views/new_page_template.xml',
     ],
     'images': [
diff --git a/theme_real_estate/views/snippets/s_numbers_framed.xml b/theme_real_estate/views/snippets/s_numbers_framed.xml
new file mode 100644
index 0000000000..0450042ea8
--- /dev/null
+++ b/theme_real_estate/views/snippets/s_numbers_framed.xml
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_numbers_framed" inherit_id="website.s_numbers_framed">
+    <!-- KPI's -->
+    <xpath expr="//div[hasclass('col-lg-4')][1]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][2]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][3]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_treehouse/__manifest__.py b/theme_treehouse/__manifest__.py
index f71d0e521b..ae85dcb22d 100644
--- a/theme_treehouse/__manifest__.py
+++ b/theme_treehouse/__manifest__.py
@@ -53,6 +53,7 @@
         'views/snippets/s_wavy_grid.xml',
         'views/snippets/s_text_cover.xml',
         'views/snippets/s_empowerment.xml',
+        'views/snippets/s_numbers_framed.xml',
         'views/new_page_template.xml',
     ],
     'images': [
diff --git a/theme_treehouse/views/snippets/s_numbers_framed.xml b/theme_treehouse/views/snippets/s_numbers_framed.xml
new file mode 100644
index 0000000000..0450042ea8
--- /dev/null
+++ b/theme_treehouse/views/snippets/s_numbers_framed.xml
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_numbers_framed" inherit_id="website.s_numbers_framed">
+    <!-- KPI's -->
+    <xpath expr="//div[hasclass('col-lg-4')][1]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][2]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][3]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_vehicle/views/customizations.xml b/theme_vehicle/views/customizations.xml
index 3039862527..fc353e9349 100644
--- a/theme_vehicle/views/customizations.xml
+++ b/theme_vehicle/views/customizations.xml
@@ -958,4 +958,22 @@
     </xpath>
 </template>
 
+<!-- ======== NUMBERS FRAMED ======== -->
+<template id="s_numbers_framed" inherit_id="website.s_numbers_framed">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc5" separator=" "/>
+    </xpath>
+    <!-- KPI's -->
+    <xpath expr="//div[hasclass('col-lg-4')][1]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][2]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][3]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+</template>
+
 </odoo>
diff --git a/theme_yes/__manifest__.py b/theme_yes/__manifest__.py
index 18b9002098..650ddbff06 100644
--- a/theme_yes/__manifest__.py
+++ b/theme_yes/__manifest__.py
@@ -58,6 +58,7 @@
         'views/snippets/s_empowerment.xml',
         'views/snippets/s_image_text_overlap.xml',
         'views/snippets/s_features.xml',
+        'views/snippets/s_numbers_framed.xml',
         'views/new_page_template.xml',
     ],
     'images': [
diff --git a/theme_yes/views/snippets/s_numbers_framed.xml b/theme_yes/views/snippets/s_numbers_framed.xml
new file mode 100644
index 0000000000..848abd596c
--- /dev/null
+++ b/theme_yes/views/snippets/s_numbers_framed.xml
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_numbers_framed" inherit_id="website.s_numbers_framed">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc5" separator=" "/>
+    </xpath>
+    <!-- KPI's -->
+    <xpath expr="//div[hasclass('col-lg-4')][1]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][2]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][3]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/theme_zap/__manifest__.py b/theme_zap/__manifest__.py
index 34d85cc44d..320541d47a 100644
--- a/theme_zap/__manifest__.py
+++ b/theme_zap/__manifest__.py
@@ -50,6 +50,7 @@
         'views/snippets/s_big_number.xml',
         'views/snippets/s_images_constellation.xml',
         'views/snippets/s_empowerment.xml',
+        'views/snippets/s_numbers_framed.xml',
         'views/new_page_template.xml',
     ],
     'images': [
diff --git a/theme_zap/views/snippets/s_numbers_framed.xml b/theme_zap/views/snippets/s_numbers_framed.xml
new file mode 100644
index 0000000000..848abd596c
--- /dev/null
+++ b/theme_zap/views/snippets/s_numbers_framed.xml
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_numbers_framed" inherit_id="website.s_numbers_framed">
+    <!-- Section -->
+    <xpath expr="//section" position="attributes">
+        <attribute name="class" add="o_cc5" separator=" "/>
+    </xpath>
+    <!-- KPI's -->
+    <xpath expr="//div[hasclass('col-lg-4')][1]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][2]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+    <xpath expr="//div[hasclass('col-lg-4')][3]" position="attributes">
+        <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
+    </xpath>
+</template>
+
+</odoo>