[IMP] theme_*: adapt themes with new s_process_steps design

*: (artists, buzzy, graphene)

This commit removes the customization of icon colors, as we are not
using them in the Odoo 18 redesign.

It also adapts the background of numbers to increase contrasts.

It also removes a title customization in the graphene theme as it was
not changing anything from the default snippet.

task-3672430

closes #840

Related: odoo/odoo#174166
Signed-off-by: Colin Louis (loco) <[email protected]>

Author: anso-odoo

theme_artists/__manifest__.py

@@ -31,7 +31,6 @@
         'views/snippets/s_comparisons.xml',
         'views/snippets/s_company_team.xml',
         'views/snippets/s_product_list.xml',
-        'views/snippets/s_process_steps.xml',
         'views/snippets/s_color_blocks_2.xml',
         'views/new_page_template.xml',
     ],

theme_artists/views/snippets/s_process_steps.xml

@@ -11,17 +11,17 @@
     <xpath expr="//div[hasclass('container')]" position="before">
         <div class="o_we_shape o_web_editor_Rainy_08_001"/>
     </xpath>
-    <!-- Icon #2 -->
-    <xpath expr="(//i)[2]" position="attributes">
-        <attribute name="class" add="bg-o-color-1" remove="bg-o-color-5" separator=" "/>
+    <xpath expr="//div[hasclass('s_process_step_number')]" position="attributes">
+        <attribute name="class" add="bg-black-15" remove="bg-primary-light" separator=" "/>
     </xpath>
-    <!-- Icon #3 -->
-    <xpath expr="(//i)[3]" position="attributes">
-        <attribute name="class" add="bg-o-color-1" remove="bg-o-color-2" separator=" "/>
+    <xpath expr="(//div[hasclass('s_process_step_number')])[2]" position="attributes">
+        <attribute name="class" add="bg-black-15" remove="bg-primary-light" separator=" "/>
     </xpath>
-    <!-- Icon #4 -->
-    <xpath expr="(//i)[4]" position="attributes">
-        <attribute name="class" add="bg-o-color-1" remove="bg-o-color-3" separator=" "/>
+    <xpath expr="(//div[hasclass('s_process_step_number')])[3]" position="attributes">
+        <attribute name="class" add="bg-black-15" remove="bg-primary-light" separator=" "/>
+    </xpath>
+    <xpath expr="(//div[hasclass('s_process_step_number')])[4]" position="attributes">
+        <attribute name="class" add="bg-black-15" remove="bg-primary-light" separator=" "/>
     </xpath>
 </template>
 

theme_buzzy/views/snippets/s_process_steps.xml

@@ -98,24 +98,6 @@
     </xpath>
 </template>
 
-<!-- ======== STEPS ======== -->
-<template id="s_process_steps" inherit_id="website.s_process_steps" name="Graphene s_process_steps">
-    <xpath expr="//section" position="attributes">
-    </xpath>
-    <xpath expr="//h2" position="replace" mode="inner">
-        Add to Cart
-    </xpath>
-    <xpath expr="//h2" position="replace" mode="inner">
-        Sign In
-    </xpath>
-    <xpath expr="//h2" position="replace" mode="inner">
-        Pay
-    </xpath>
-    <xpath expr="//h2" position="replace" mode="inner">
-        Get Delivered
-    </xpath>
-</template>
-
 <!-- ======== CAROUSEL ======== -->
 <template id="s_carousel" inherit_id="website.s_carousel" name="Graphene s_carousel">
     <xpath expr="//div[hasclass('carousel-inner')]/div[1]" position="attributes">