From 5b04bc356bec7fde1eba62dc663b9e508584aad0 Mon Sep 17 00:00:00 2001
From: Carlos Valverde <cvs@odoo.com>
Date: Wed, 25 May 2022 15:30:58 +0000
Subject: [PATCH] [FIX] theme_avantgarde: fix color variable in some snippets

This commit fixes the previously hardcoded color customisations in theme
Avantgarde's snippets, by using proper color variables, which allow the
snippet customisations to change dynamically.

While theoretically unstable (changing views), this was judged safe
enough for 15.0 (it would require someone to xpath a theme.ir.ui.view in
this specific theme, targeting an inline style to break; and it does not
change the current websites at all (just new dropped snippets)).

closes odoo/design-themes#579

X-original-commit: 65baa9bb4a296131a86f31c14ad8e88e84aa8141
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
---
 theme_avantgarde/views/customizations.xml | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/theme_avantgarde/views/customizations.xml b/theme_avantgarde/views/customizations.xml
index 15b8bddab..bca5cd203 100644
--- a/theme_avantgarde/views/customizations.xml
+++ b/theme_avantgarde/views/customizations.xml
@@ -77,7 +77,7 @@
     </xpath>
     <xpath expr="//*[hasclass('card')]" position="attributes">
         <attribute name="class" add="shadow border" separator=" "/>
-        <attribute name="style">border-color: rgb(11, 13, 99) !important; box-shadow: rgb(11, 13, 99) -25px -25px 0px 0px !important; border-width: 8px !important;</attribute>
+        <attribute name="style">border-color: var(--o-color-2) !important; box-shadow: var(--o-color-2) -25px -25px 0px 0px !important; border-width: 8px !important;</attribute>
     </xpath>
     <xpath expr="//h3" position="replace" mode="inner">
         <span style="font-weight: bolder;">Excellence</span>
@@ -86,7 +86,7 @@
         We conduct state-of-the-art research and development to solve complex design challenges, taking the latest advances out of the lab and into the hands of architects and engineers.</xpath>
     <xpath expr="(//*[hasclass('card')])[2]" position="attributes">
         <attribute name="class" add="shadow border" separator=" "/>
-        <attribute name="style">border-color: rgb(255, 255, 255) !important; border-width: 8px !important; box-shadow: rgb(78, 77, 77) 0px 0px 100px -40px !important;</attribute>
+        <attribute name="style">border-color: var(--o-color-4) !important; border-width: 8px !important; box-shadow: var(--o-color-5) 0px 0px 100px -40px !important;</attribute>
     </xpath>
     <xpath expr="(//h3)[2]" position="replace" mode="inner">
         <span style="font-weight: bolder;">Collaboration</span>
@@ -96,7 +96,7 @@
     </xpath>
     <xpath expr="(//*[hasclass('card')])[3]" position="attributes">
         <attribute name="class" add="shadow border" separator=" "/>
-        <attribute name="style">box-shadow: rgb(240, 142, 128) 25px 25px 0px 0px !important; border-color: rgb(240, 142, 128) !important; border-width: 8px !important;</attribute>
+        <attribute name="style">box-shadow: var(--o-color-1) 25px 25px 0px 0px !important; border-color: var(--o-color-1) !important; border-width: 8px !important;</attribute>
     </xpath>
     <xpath expr="(//h3)[3]" position="replace" mode="inner">
         <span style="font-weight: bolder;">Sustainability</span>
@@ -205,7 +205,7 @@
     </xpath>
 
     <xpath expr="//h2/font" position="replace">
-        <font style="font-size: 62px; background-color: rgb(255, 255, 255);" class="o_default_snippet_text">Making Simple</font>
+        <font style="font-size: 62px; background-color: var(--o-color-4);" class="o_default_snippet_text">Making Simple</font>
     </xpath>
 </template>