Custom Theme Demo

The Adaptable Blotter ships with 2 themes - Dark or Light. But you can create your own theme yourself through the use of CSS variables.

We provide many properties for you to set when creating your theme; most are colour based, but you have control also over button shapes and sizes for example.

In this example we have created a 'Wimbledon Theme' that styles the Blotter purple and green, with slightly rounded borders. Note that we use Row Styles to similarly colour the grid).

We have also created a 'Blue Theme'. When this loads we leverage the VendorGridClassName of Theme Predefined Config to tell the Blotter to load the ag-Grid ag-theme-blue theme also.

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