Dark Theme Demo

This demo shows how you can theme the Adaptable Blotter using the shipped 'Dark Theme'. You can select this as your theme in the Theme State.

When you use this theme (or the Light Theme) the Adaptable Blotter will automatically update the theme of the vendor grid to match your choice.

The Adaptable Blotter manages theming through CSS variables; we created the Dark Theme just by setting a few properties (mainly colours). You can see the css code here.

You can create your own themes based on this or others (see the other demos in this section).

Adaptable Blotter Help Resources: Predefined Config, Blotter API , FAQ, User Guide.