Theme

theme:auto:change#

Emitted when auto color mode reacts to system preference.

Type: signal.

Payload: resolved color mode string — 'light' or 'dark'.

Example:

app.on('theme:auto:change', (current) => {
  console.log('Color mode:', current);
});

theme:change#

Emitted when the color mode is changed manually via app.theme.set().

Type: signal.

Payload:

  • mode — configured mode: auto, light, or dark
  • current — resolved color mode: light or dark

Example:

app.on('theme:change', ({ mode, current }) => {
  console.log(`Theme mode ${mode}, resolved ${current}`);
});

theme:init#

Emitted when the theme module initializes.

Type: signal.

Payload: resolved color mode string — 'light' or 'dark'.

Example:

app.on('theme:init', (current) => {
  syncSiteHeader(current);
});