Docs / Components

SenseThemeScopeDirective

Scoped theme preset and color-scheme overrides via CSS custom properties from @artificialsenselabs/ui.

Live demo: run nx serve showcase and open /components/theming (port 4202).

Overview

Category: Theming. Selector: [senseThemeScope]. Import: import { SenseThemeScopeDirective } from '@artificialsenselabs/ui';

Accessibility

  • Applies token overrides without altering document reading order.
  • Supports light, dark, and high-contrast preset scopes for descendant components.
  • Scoped variables respect prefers-color-scheme and forced-colors modes.