SOLVED: Change exisiting color from HEX to RAW not working

Bricks Version: 1.5.2

If you have existing colors, set with HEX from the past, and now you want to change this color to a RAW, this does not work.

There are 2 problems that occur:

  1. HEX and RAW appear at the same time, but RAW is showing only light grey color and is NOT editable.
  2. If you remove HEX to only use RAW, the whole color is no longer editable.

RAW only works correctly if you enter the RAW in color editor and save it. Then you can later edit it, in all other cases it is not editable and shows only in light grey.

AND additionally, there is another issue with color settings:
If you enter more than 1 color in the same session, all additional colors are not set correctly to RAW, they adapt the color code in HEX and RAW is not editable as above.

Hi Joachim,
Thanks so much for your report!

What do you mean?

Right, because it’s the auto-generated default value. To set a custom “raw” variable, type your new color name, e.g., var(--my-new-color) into the RAW input field and save it.

What should the raw variable reference if there is no color code left?

Can you explain this in more detail, I’m afraid I don’t understand :thinking:

Best regards,
timmse

Hey Timmse,

there was a misunderstanding by myself, of how using variables together with HEX colorcodes.
I tought I can set HEX code and VAR colorcode at the same time, but this does not work.
So I defined VAR colorcodes in CSS and then used the VAR in color settings.

The principle behind different color variantions (HEX, HSL and VAR) is not easy to understand, because VAR is the only option that can only inherit a VAR but not a value.

Long story short:
You can close the ticket :slight_smile:

1 Like