Theme Config
The Predefined Configuration for the Theme function.
See the Theming and Styling Guide for more information on this topic.
Theme State
| Property | Description |
|---|---|
| CurrentTheme | Name of current theme (or theme to set at startup); leave blank if using 'Light Theme', set to 'dark' for 'Dark Theme' or provide name of Custom Theme |
| SystemThemes | Which, if any, of the 2 themes shipped by Adaptable should be available; leave unset to provide both, or an empty array to provide neither. |
| UserThemes | Custom themes (of type AdaptableTheme) provided by developers |
A User Theme is defined as follows:
| Property | Description |
|---|---|
| Description | Description of Theme - will appear in Theme Toolbar and Toolpanel |
| Name | Name of the Theme |
| VendorGridClassName | Vendor Grid related css className to be applied |
Example
export default {
Theme: {
CurrentTheme:"blue",
UserThemes:[
{
Name:"blue",
Description:"Blue Theme",
// optional - sets theme of underlying vendor grid to match selected blue theme
VendorGridClassName: 'ag-theme-blue'
}
],
}
} as PredefinedConfig;