Override dark skin

Webix JS
1

Hello :slight_smile:

Is there a way to override default css for all widgets ?
For example, I would like all background-color of all webix widgets to become red.
Found this (Webix Skin Builder), but I would like to override dark skin, which is not available here :smiley:

Thanks !

2

Hmm… I also waiting for this :grinning:

1 Like
3

Hello Jean_Louis

To override default css the main changes need to be made via css:

  .webix_view {
  background-color: #d31919;
  }

For more info on the CSS classes you need to override (at least in regards to specific widgets), you can reference the CSS image maps in our docs - CSS Image Maps of Styling and Animation, Styling of Widgets Webix Docs.

As for customizing skins for some components ( such as charts, forminput messages ) you can redefine the color variables where the color is written directly into their styles in the source code.

Please take a look at the example: Code Snippet

Also I want to assure you that we are aware of this request about skins and are considering it for our future updates.

4

Many thanks for your answer Natalia :slight_smile: !!