[IMP] web_editor, *: integrate new o_cc${xxx} classes in the colorpicker

*: website

Part of https://github.com/odoo/odoo/pull/45856
task-2197038

2 files changed, 8 insertions, 4 deletions

diff --git a/addons/website/static/src/js/editor/snippets.options.js b/addons/website/static/src/js/editor/snippets.options.js
index 89310998fde..5bde2b6d1c8 100644
--- a/addons/website/static/src/js/editor/snippets.options.js
+++ b/addons/website/static/src/js/editor/snippets.options.js
@@ -5,8 +5,9 @@ const {ColorpickerWidget} = require('web.Colorpicker');
 const config = require('web.config');
 var core = require('web.core');
 var Dialog = require('web.Dialog');
-const wUtils = require('website.utils');
+const weUtils = require('web_editor.utils');
 var options = require('web_editor.snippets.options');
+const wUtils = require('website.utils');
 require('website.s_popup_options');
 
 var _t = core._t;
diff --git a/addons/website/static/src/scss/website.wysiwyg.scss b/addons/website/static/src/scss/website.wysiwyg.scss
index 1eaaa7d97b8..a2f210f70da 100644
--- a/addons/website/static/src/scss/website.wysiwyg.scss
+++ b/addons/website/static/src/scss/website.wysiwyg.scss
@@ -135,7 +135,7 @@ $i: 1;
             clear: both;
         }
 
-        > button {
+        > .o_we_color_btn {
 
             &:hover,
             &.selected {
@@ -152,8 +152,11 @@ $i: 1;
         }
     }
 
-    .note-palette-title {
-        color: $o-we-color-text-light;
+    .note-palette-title, a, button:not(.o_we_color_combination_btn) {
+
+        &, &:hover {
+            color: $o-we-color-text-light;
+        }
     }
 
     .palette-reset {