CSS Editor

Some themes may require certain CSS values and rules or a combination of CSS styles that cannot be achieved using the predefined styles and properties in the theme engine and the widgets.

Custom CSS can be added to the css style in relation to a state. Wisej will use the CSS exactly as entered in the theme when it applies the state to the widget.

The Material-3 theme uses this feature to add an animated focus bar under input fields and under the tabs in the tab view widget.

Note that the syntax in the CSS editor is JSON. For example to set style background-color to red, you have to enter "background-color": "red".

You can use theme colors as well as rgb, rgba, named colors, #RRGGBB, and #RRGGBBAA definitions.