Theme Config

The Predefined Configuration for the Theme function.

See the Theming and Styling Guide for more information on this topic.

Theme State

PropertyDescription
CurrentThemeName 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
SystemThemesWhich, if any, of the 2 themes shipped by Adaptable should be available; leave unset to provide both, or an empty array to provide neither.
UserThemesCustom themes (of type AdaptableTheme) provided by developers

A User Theme is defined as follows:

PropertyDescription
DescriptionDescription of Theme - will appear in Theme Toolbar and Toolpanel
NameName of the Theme
VendorGridClassNameVendor 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;

More Information