[IMP] theme_*: use theme colors for snippets background

This commit changes the bg-200 static color that some snippets were
using, for the second theme color so that blocks backgrounds connect
well together.

task-2542318

closes odoo/design-themes#15

Related: odoo/odoo#71426
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>

theme_artists/views/snippets/s_three_columns.xml

@@ -3,7 +3,7 @@
     <template id="s_three_columns" inherit_id="website.s_three_columns">
         <!-- Section -->
         <xpath expr="//section" position="attributes">
-            <attribute name="class" add="o_cc o_cc4" remove="bg-200" separator=" "/>
+            <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
             <attribute name="data-oe-shape-data">{"shape":"web_editor/Airy/12","flip":["y"]}</attribute>
         </xpath>
         <!-- Shape -->

theme_bookstore/views/snippets/s_picture.xml

@@ -3,7 +3,7 @@
     <template id="s_picture" inherit_id="website.s_picture">
         <!-- Section -->
         <xpath expr="//section" position="attributes">
-            <attribute name="class" add="o_cc o_cc5" remove="bg-200" separator=" "/>
+            <attribute name="class" add="o_cc5" remove="o_cc2" separator=" "/>
         </xpath>
         <!-- Title -->
         <xpath expr="//h2" position="replace">

theme_bookstore/views/snippets/s_three_columns.xml

@@ -3,7 +3,7 @@
     <template id="s_three_columns" inherit_id="website.s_three_columns">
         <!-- Section -->
         <xpath expr="//section" position="attributes">
-            <attribute name="class" add="o_cc o_cc1" remove="bg-200" separator=" "/>
+            <attribute name="class" add="o_cc1" remove="o_cc2" separator=" "/>
         </xpath>
         <!-- Column 1 -->
         <xpath expr="//div[hasclass('card')]" position="attributes">

theme_clean/views/snippets/s_three_columns.xml

@@ -3,7 +3,7 @@
     <template id="s_three_columns" inherit_id="website.s_three_columns">
         <!-- Section -->
         <xpath expr="//section" position="attributes">
-            <attribute name="class" add="o_cc o_cc4" remove="bg-200" separator=" "/>
+            <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
         </xpath>
         <xpath expr="//div[hasclass('card-body')]" position="replace">
             <div class="card-body">

theme_cobalt/views/customizations.xml

@@ -136,7 +136,7 @@
 <!-- ==== Three Columns ===== -->
 <template id="s_three_columns" inherit_id="website.s_three_columns" name="Cobalt s_three_columns">
     <xpath expr="//section" position="attributes">
-        <attribute name="class" remove="bg-200 pt32 pb32" add="pt72 pb120" separator=" "/>
+        <attribute name="class" remove="o_cc o_cc2 pt32 pb32" add="pt72 pb120" separator=" "/>
         <attribute name="data-oe-shape-data">{"shape":"web_editor/Bold/01","flip":["x"]}</attribute>
     </xpath>
     <xpath expr="//section/div" position="before">
@@ -177,7 +177,7 @@
 <!-- ==== Picture ===== -->
 <template id="s_picture" inherit_id="website.s_picture" name="Cobalt s_picture">
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="bg-o-color-3 pt72 overflow-hidden" remove="bg-200 pt48" separator=" "/>
+        <attribute name="class" add="bg-o-color-3 pt72 overflow-hidden" remove="o_cc o_cc2 pt48" separator=" "/>
         <attribute name="data-oe-shape-data">{"shape":"web_editor/Bold/01","flip":["y"]}</attribute>
     </xpath>
 

theme_enark/views/snippets/s_media_list.xml

@@ -3,7 +3,7 @@
     <template id="s_media_list" inherit_id="website.s_media_list">
         <!-- Section -->
         <xpath expr="//section" position="attributes">
-            <attribute name="class" add="o_cc o_cc1" remove="bg-200" separator=" "/>
+            <attribute name="class" add="o_cc1" remove="o_cc2" separator=" "/>
         </xpath>
         <!-- Row 1 -->
         <xpath expr="(//div[hasclass('row')])[2]" position="attributes">

theme_enark/views/snippets/s_picture.xml

@@ -3,7 +3,7 @@
     <template id="s_picture" inherit_id="website.s_picture">
         <!-- Section -->
         <xpath expr="//section" position="attributes">
-            <attribute name="class" add="pt80" remove="pt48 bg-200" separator=" "/>
+            <attribute name="class" add="pt80" remove="pt48 o_cc o_cc2" separator=" "/>
         </xpath>
         <!-- Title -->
         <xpath expr="//h2" position="replace">

theme_graphene/views/customizations.xml

@@ -172,10 +172,6 @@
 
 <!-- ======== 3 COLUMNS ======== -->
  <template id="s_three_columns" inherit_id="website.s_three_columns" name="Graphene s_three_columns">
-    <xpath expr="//section" position="attributes">
-        <attribute name="class" add="o_cc o_cc2" remove="bg-200" separator=" "/>
-    </xpath>
-
     <xpath expr="//div[hasclass('row')]/div//h3[1]" position="replace">
         <h5>Powerful API</h5>
         <div class="s_hr text-left pt8 pb16" data-snippet="s_hr" data-name="Separator">

theme_kea/views/snippets/s_media_list.xml

@@ -3,7 +3,7 @@
     <template id="s_media_list" inherit_id="website.s_media_list">
         <!-- Section -->
         <xpath expr="//section" position="attributes">
-            <attribute name="class" add="o_cc o_cc4" remove="bg-200" separator=" "/>
+            <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
         </xpath>
         <!-- Row 3 -->
         <xpath expr="(//div[hasclass('row')])[4]" position="attributes">

theme_kea/views/snippets/s_picture.xml

@@ -3,7 +3,7 @@
     <template id="s_picture" inherit_id="website.s_picture">
         <!-- Section -->
         <xpath expr="//section" position="attributes">
-            <attribute name="class" add="o_cc o_cc5" remove="bg-200" separator=" "/>
+            <attribute name="class" add="o_cc5" remove="o_cc2" separator=" "/>
         </xpath>
         <!-- Title -->
         <xpath expr="//h2" position="replace">

theme_kea/views/snippets/s_three_columns.xml

@@ -3,7 +3,7 @@
     <template id="s_three_columns" inherit_id="website.s_three_columns">
         <!-- Section -->
         <xpath expr="//section" position="attributes">
-            <attribute name="class" add="o_cc o_cc4" remove="bg-200" separator=" "/>
+            <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
         </xpath>
         <!-- Column 1 -->
         <xpath expr="//div[hasclass('card')]" position="attributes">

theme_kiddo/views/snippets/s_three_columns.xml

@@ -3,7 +3,7 @@
     <template id="s_three_columns" inherit_id="website.s_three_columns">
         <!-- Section -->
         <xpath expr="//section" position="attributes">
-            <attribute name="class" add="o_cc o_cc3 pb152" remove="bg-200 pb32" separator=" "/>
+            <attribute name="class" add="o_cc3 pb152" remove="o_cc2 pb32" separator=" "/>
             <attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/19","flip":[]}</attribute>
         </xpath>
         <!-- Shape -->

theme_monglia/views/customizations.xml

@@ -80,7 +80,6 @@
 <!-- ======== MEDIA LIST ======== -->
  <template id="s_media_list" inherit_id="website.s_media_list" name="Monglia s_media_list">
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="o_cc o_cc2" remove="bg-200" separator=" "/>
         <attribute name="data-oe-shape-data">{"shape":"web_editor/Airy/06","flip":["x"]}</attribute>
     </xpath>
     <xpath expr="//div[hasclass('container')]" position="before">

theme_notes/views/snippets/s_media_list.xml

@@ -3,7 +3,7 @@
     <template id="s_media_list" inherit_id="website.s_media_list">
         <!-- Section -->
         <xpath expr="//section" position="attributes">
-            <attribute name="class" add="o_cc o_cc4" remove="bg-200" separator=" "/>
+            <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
             <attribute name="data-oe-shape-data">{"shape":"web_editor/Blobs/01","flip":["y"]}</attribute>
         </xpath>
         <!-- Shape -->

theme_odoo_experts/views/snippets/s_media_list.xml

@@ -3,7 +3,7 @@
     <template id="s_media_list" inherit_id="website.s_media_list">
         <!-- Section -->
         <xpath expr="//section" position="attributes">
-            <attribute name="class" add="pt56 pb40 o_cc o_cc4" remove="pt32 bg-200" separator=" "/>
+            <attribute name="class" add="pt56 pb40 o_cc4" remove="pt32 o_cc2" separator=" "/>
         </xpath>
         <!-- Row 1 -->
         <xpath expr="(//div[hasclass('s_media_list_item')])[1]//div[hasclass('row')]" position="attributes">

theme_orchid/views/snippets/s_three_columns.xml

@@ -3,7 +3,7 @@
     <template id="s_three_columns" inherit_id="website.s_three_columns">
         <!-- Section -->
         <xpath expr="//section" position="attributes">
-            <attribute name="class" add="o_cc o_cc4" remove="bg-200" separator=" "/>
+            <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
             <attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/23","flip":[]}</attribute>
         </xpath>
         <!-- Shape -->

theme_paptic/views/customizations.xml

@@ -206,7 +206,7 @@
 <!-- ==== Three Columns ===== -->
 <template id="s_three_columns" inherit_id="website.s_three_columns" name="Paptic s_three_columns">
     <xpath expr="//section" position="attributes">
-        <attribute name="class" remove="bg-200 pt32 pb32 o_cc o_cc3" add="pt120 pb120" separator=" "/>
+        <attribute name="class" remove="pt32 pb32 o_cc o_cc2" add="pt120 pb120" separator=" "/>
         <attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/01","flip":[]}</attribute>
     </xpath>
     <xpath expr="//section/div" position="before">
@@ -242,7 +242,7 @@
 <!-- ==== Picture ===== -->
 <template id="s_picture" inherit_id="website.s_picture" name="Paptic s_picture">
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="pt72 o_cc o_cc1" remove="bg-200 pt48" separator=" "/>
+        <attribute name="class" add="pt72 o_cc1" remove="o_cc2 pt48" separator=" "/>
         <attribute name="data-oe-shape-data">{"shape":"web_editor/Bold/08","flip":[]}</attribute>
     </xpath>
 

theme_real_estate/views/snippets/s_picture.xml

@@ -3,7 +3,7 @@
     <template id="s_picture" inherit_id="website.s_picture">
         <!-- Section -->
         <xpath expr="//section" position="attributes">
-            <attribute name="class" add="o_cc o_cc4" remove="bg-200" separator=" "/>
+            <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
         </xpath>
         <!-- Title -->
         <xpath expr="//h2" position="replace">

theme_real_estate/views/snippets/s_three_columns.xml

@@ -1,10 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <odoo>
     <template id="s_three_columns" inherit_id="website.s_three_columns">
-        <!-- Section -->
-        <xpath expr="//section" position="attributes">
-            <attribute name="class" add="o_cc o_cc2" remove="bg-200" separator=" "/>
-        </xpath>
         <!-- Column 1 -->
         <xpath expr="//div[hasclass('card-body')]" position="replace">
             <div class="card-body">

theme_yes/views/snippets/s_picture.xml

@@ -3,7 +3,7 @@
     <template id="s_picture" inherit_id="website.s_picture">
         <!-- Section -->
         <xpath expr="//section" position="attributes">
-            <attribute name="class" add="o_cc o_cc4" remove="bg-200" separator=" "/>
+            <attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
         </xpath>
         <!-- Title -->
         <xpath expr="//h2" position="replace">

theme_yes/views/snippets/s_three_columns.xml

@@ -3,7 +3,7 @@
     <template id="s_three_columns" inherit_id="website.s_three_columns">
         <!-- Section -->
         <xpath expr="//section" position="attributes">
-            <attribute name="class" add="o_cc o_cc1" remove="bg-200" separator=" "/>
+            <attribute name="class" add="o_cc1" remove="o_cc2" separator=" "/>
         </xpath>
         <!-- Column 1 -->
         <xpath expr="//div[hasclass('card-body')]" position="replace">