Primary brand color.
A theme system for PF6 components supporting light and dark modes.
The Theme type wraps all color tokens needed by the design system.
Use light or dark to get a pre-built theme, or fromMode to
derive one from a Mode value stored in your model.
The visual mode — Light or Dark.
The PF6 dark mode theme. Uses lighter foreground colors on dark surfaces for proper contrast.
Convert a Mode to the corresponding Theme.
fromMode Light == light
fromMode Dark == darkSubtle/secondary text color.
Text color for use on dark backgrounds.
Default background color.
Secondary background color.
Primary-colored background.
Danger/error background color.
Warning background color.
Success background color.
Info background color.
Default border color.
Subtle border color.
Primary brand color hover state.
Danger/error color hover state.
Warning color hover state.
Success color hover state.
Neutral color hover state.
An opaque type holding all color tokens for a given theme.