[REF] web, web_editor, *: review normalization of colors

* website

Review colorpicker methods to always allow to use normalized colors.
Also factorize some code in the color palette widget.

Part of https://github.com/odoo/odoo/pull/40282
In preparation of task-2122935 and other tasks

1 files changed, 6 insertions, 0 deletions

diff --git a/addons/web_editor/static/src/js/common/utils.js b/addons/web_editor/static/src/js/common/utils.js
index f3373c7bad2..67267d670ee 100644
--- a/addons/web_editor/static/src/js/common/utils.js
+++ b/addons/web_editor/static/src/js/common/utils.js
@@ -1,6 +1,8 @@
 odoo.define('web_editor.utils', function (require) {
 'use strict';
 
+const ColorpickerDialog = require('web.ColorpickerDialog');
+
 /**
  * window.getComputedStyle cannot work properly with CSS shortcuts (like
  * 'border-width' which is a shortcut for the top + right + bottom + left border
@@ -116,6 +118,10 @@ function _getNumericAndUnit(value) {
  * @returns {boolean}
  */
 function _areCssValuesEqual(value1, value2, cssProp, $target) {
+    // If not colors, they will be left untouched
+    value1 = ColorpickerDialog.normalizeCSSColor(value1);
+    value2 = ColorpickerDialog.normalizeCSSColor(value2);
+
     // String comparison first
     if (value1 === value2) {
         return true;