Skip to main content

Type Alias: DynamicTheme

type DynamicTheme = object;

A custom theme that is enabled when various conditions are

Properties​

mediaQuery?​

optional mediaQuery: string;

An optional media query required for the given theme to be enabled. This is useful when you want the theme of your application to automatically switch depending on a media feature.

Example​

'(prefers-color-scheme: dark)'

selector?​

optional selector: string;

An optional CSS selector required for the given theme to be enabled. This is useful when you have a manual theme switcher on your application that sets a top-level class name or data-attribute to control the current theme.

Example​

'.data-dark'

variables​

variables: ThemeVars;

The theme definitions that will be set when the selector and mediaQuery criteria are matched.