Configuration of control stryle / colors dependant on selected theme by user. UNDER REVIEW

1

Hi Maks,

It’s just something I came up with but I haven’t tested it, maybe you can check whether you can reference a variable in the style property. This way you could add the variable value to the custom themes.

Best regards,
Daniel

Hi Daniel,
already tried it, without success unfortunately.
Webcon uses Chroma.js to validate if color is hex or standard named color, there is a `valid` function, which calls for `color` class instantiation and this one prints an error in console.
At least that's what i think is going on :)

* https://gka.github.io/chroma.js/
* https://github.com/gka/chroma.js/blob/fdab658c5013a924db2cc9c89d9ac1d7d1382cd9/src/utils/valid.js
* https://github.com/gka/chroma.js/blob/fdab658c5013a924db2cc9c89d9ac1d7d1382cd9/src/Color.js#L32C1-L41C19

We're already working on a solution that would make theme configuration easier. Stay put :)

Hello,
Maksymilian, I recommend using the RGBA scale for coloring, where you can set transparency. In my project 0.1 is perfect to have color with both themes.

Thanks, we'll check it out, there are still few cases which are looking for better solution and i think this will do the job :)

Also, in terms of dealing with text black/white, we've started using in some places (mostly global css config) css variables as Daniel suggested, it doesn't work everywhere, but comes in handy too.

Usage goes like:
var(--variablename)

All variables you can find by F12 in web browser, and filtering styles by :root.