import { WR_COLORS } from 'ngwr/theme';Theme types
The intent and mode unions from ngwr/theme.
Installation
Import the class, and @use the entry point in your global styles: without it the component renders unstyled.
WrColor
Bind it to [color] on wr-badge, wr-tag, wr-btn, wr-divider, wr-progress and wr-skeleton.
const accent: WrColor = 'primary';wr-timeline-item takes WrTimelineColor instead, and the charts take a CSS colour string.
API
| Name | Description | Type | Default |
|---|---|---|---|
WrColor | The five intents. [color] on six components takes it, as does [confirmColor] on [wrPopconfirm]. | 'primary' | 'success' | 'warning' | 'danger' | 'info' | — |
WrThemeMode | The mode you ask WrTheme for. auto follows the OS. | 'light' | 'dark' | 'auto' | — |
WrResolvedTheme | The scheme in effect once auto is resolved. | 'light' | 'dark' | — |
See also
Service WrThemeSwitch between light, dark and auto, and keep the choice.Guide ThemingLoad the theme, switch light and dark, and rebrand the palette.Guide ColorsThe --wr-color-* tokens, and which one to use for fills, text and borders.Component ButtonA button for an action or a link.Component BadgeA small label for a count or a status.