Web SDKv1.0.0

theme.mode

Theme mode. 'auto' follows the OS through prefers-color-scheme; 'light' and 'dark' beat the OS in both directions. Applied as a data-ks-theme attribute on the viewer's root element (.ks-viewer, inside your container), so two viewers on one page can differ. The document itself never darkens — see Theme tokens for what the theme does not touch.
'light' | 'dark' | 'auto'default 'light'

Values

  • 'light'Default. Light chrome regardless of the OS.
  • 'dark'Dark chrome regardless of the OS. The document itself never darkens.
  • 'auto'Follow prefers-color-scheme.

Example

modeTypeScript
theme: { mode: 'auto' }

More in Theme