Home > User Voice > Configuration of control stryle / colors dependant on selected theme by user.

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

MVP

Hello,
since the new UI we've got much more users on the dark theme of webcon, it brought however a few new challenges with custom colors on controls / lists.

At this moment we are able to set custom css styles - background/text using attribute configuration:
https://docs.webcon.com/docs/2025R2/Studio/Process/Attribute/General/Attribute_StyleAndBehavior

It however lacks the possibility to make the color dependant on the theme, which causes in many cases unreadable text - see attached examples.
In most cases we're just switching colors to have contrast somewhere in the middle to both Webcon themes, so it looks equally ugly on both of them :)

Maybe a possibility to define a custom global css properties through system configuration, and use those properties in those configs would be something possible to implement?
Or from another angle - add possibility to define custom css properties on Theme configuration page?
https://docs.webcon.com/docs/2025R2/Portal/Administration/ColorThemes#edit-themes

MVP
In reply to: Daniel Krüger (Cosmo Consult)

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