Theming the Adaptable Blotter

You can theme (ie. set up the look and feel of) the Adaptable Blotter entirely through CSS variables.

You are able to change the font and entire colour scheme by setting just a few main properties.

And if you want to get more detailed then you can change the details of every control that the Adaptable Blotter provides (e.g. make buttons rounded)

The Adaptable Blotter provides out of the box 2 themes - a Dark Theme and a Light Theme. Choosing either of these 2 themes will - depending on your Blotter Options - also update the underlying vendor grid.

Click on the buttons below to see a demo for each styling function.
Dark Theme demo
Custom Theme demo