Interface ThemeDefinition

The data an extension provides for one individual theme. Each theme has a type (e.g. light, dark) and belongs to a theme family. An extension can provide multiple themes with ThemeContribution.

interface ThemeDefinition {
    cssVariables: ThemeCssVariables;
    label: `%${string}%`;
    [k: string]: unknown;
}

Indexable

[k: string]: unknown

Index

Properties

cssVariables label

Properties

cssVariables

cssVariables: ThemeCssVariables

Theme colors and other CSS variable properties that adjust the looks of the application. These are applied in CSS properties using var(--variableName) or Tailwind classes like tw:bg-primary

See the wiki's Matching Application Theme section for more information.

label

label: `%${string}%`

LocalizeKey that is the display name for the theme

Interface ThemeDefinition

Indexable

Index

Properties

Properties

cssVariables

label

Settings

On This Page