Tracks the user's preferred color scheme via (prefers-color-scheme: ...).
(prefers-color-scheme: ...)
'light' or 'dark'.
'light'
'dark'
Optional
Optional per-call settings (CreateMediaQueryOptions).
A Signal<boolean> that is true while the system scheme matches value.
Signal<boolean>
true
value
Must be called within an Angular injection context.
readonly isDark = colorScheme('dark'); Copy
readonly isDark = colorScheme('dark');
MDN: prefers-color-scheme
Tracks the user's preferred color scheme via
(prefers-color-scheme: ...).