[IMP] website: configurator, handle svg preview text readability

Handle text and other components readability when placed over a colored
background. Both the element and the underlying bg must use the same
color, eg [fill="#FFF"].

closes odoo/odoo#75834

Signed-off-by: Jérémy Kersten (jke) <jke@openerp.com>

addons/website/static/src/scss/configurator.scss

@@ -261,6 +261,15 @@
             .theme_svg_container svg {
                 width: 100%;
                 height: auto;
+
+                // Handle text and other components readability when
+                // placed over a coloured bg. Both the element and the
+                // underlying bg must have the same color, eg [FILL="#FFF"].
+                .svgc_text {
+                    filter: saturate(0) invert(1) contrast(1000%);
+                    -moz-filter: saturate(0) invert(1) contrast(1000%);
+                    -webkit-filter: saturate(0) invert(1) contrast(1000%);
+                }
             }
 
             .button_area {