[FIX] web : use same border on focused color palette inputs as others

The hex and rgba inputs styles were not matching other inputs ones when
focused.

closes odoo/odoo#66057

X-original-commit: 850581c49c84042bd5b40b632798c56789a1c60e
Signed-off-by: Samuel Degueldre <sdegueldre@users.noreply.github.com>

addons/web/static/src/scss/colorpicker.scss

@@ -28,6 +28,9 @@
     }
     .o_slider_pointer, .o_opacity_pointer, .o_picker_pointer, .o_color_preview, .o_hex_div, .o_rgba_div  {
         border: 1px solid black;
+        &:focus-within {
+            border-color: $o-we-sidebar-content-field-input-border-color;
+        }
     }
     .o_color_picker_inputs {
         font-size: 10px;
@@ -36,6 +39,10 @@
             font-family: monospace !important; // FIXME: the monospace font used in the editor has not consistent ch units on Firefox
             height: 18px;
             font-size: 11px;
+            border: none;
+            &:focus {
+                outline: none;
+            }
         }
         .o_hex_div input {
             width: 7ch;

addons/web/static/src/xml/colorpicker.xml

@@ -16,7 +16,7 @@
         </div>
         <div t-if="widget.options.colorPreview" class="o_color_preview mb-1 w-100 p-2"/>
         <div class="o_color_picker_inputs d-flex justify-content-between mb-2">
-            <t t-set="input_classes">p-0 border-0 text-center text-monospace bg-transparent text-white</t>
+            <t t-set="input_classes">p-0 text-center text-monospace bg-transparent text-white</t>
 
             <div class="o_hex_div bg-black-50 px-1 d-flex align-items-baseline">
                 <input type="text" t-attf-class="o_hex_input {{input_classes}}" data-color-method="hex" size="1"/>