fix visual indication of disabled state for ColorField, reduce opacity

Author: haschek

src/components/ColorField/ColorField.tsx

@@ -63,6 +63,7 @@ export const ColorField = ({
             inputRef={ref}
             className={classNames(`${eccgui}-colorfield`, className, {
                 [`${eccgui}-colorfield--custom-picker`]: disableNativePicker,
+                [`${eccgui}-colorfield--disabled`]: disabled,
             })}
             // we cannot use `color` type for the custom picker because we do not have control over it then
             type={!disableNativePicker ? "color" : "text"}

src/components/ColorField/_colorfield.scss

@@ -36,6 +36,10 @@
     }
 }
 
+.#{$eccgui}-colorfield--disabled {
+    opacity: $eccgui-opacity-disabled;
+}
+
 .#{$eccgui}-colorfield__palette {
     & > li:has(.#{$eccgui}-colorfield__palette-linebreak) {
         display: block;