⚠️ Mixin UI is currently in alpha stage
Documentation
Customization
Services

Theme

A service that enables dynamic switching between light and dark themes in the application. It provides methods to toggle themes, get current theme state, and automatically persists user preferences.

Import

export { XTheme } from '@mixin-ui/kit';

Usage

@Component({ ... })
export class Usage {
  readonly #theme = inject(XTheme);

  set(theme: 'dark' | 'light') {
    this.#theme.set(theme);
  }
}
Previous
Dialog