PF6 design tokens encoded as Elm values.
All colors sourced from the PatternFly 6 token system. See: https://www.patternfly.org/tokens/all-patternfly-tokens
Primary brand color hover state
Danger/error color — PF6 red-orange
Danger/error color hover state
Warning color — PF6 yellow/gold
Warning color hover state
Success color — PF6 green
Success color hover state
Info color — PF6 purple
Info color hover state
Neutral / secondary gray
Neutral color hover state
Default text color
Subtle/secondary text color
Text color for use on dark backgrounds
Default background color (white)
Secondary background color (light gray)
Primary-colored background
Danger/error background color
Warning background color
Success background color
Info background color
Default border color
Subtle border color
Extra-small spacer (4px)
Small spacer (8px)
Medium spacer (16px)
Large spacer (24px)
Extra-large spacer (32px)
2x extra-large spacer (48px)
3x extra-large spacer (64px)
4x extra-large spacer (80px)
Small border radius (2px)
Medium border radius (4px)
Large border radius (8px)
Pill-shaped border radius (30px)
Small font size (12pt)
Medium font size (14pt)
Large font size (16pt)
Extra-large font size (20pt)
2x extra-large font size (24pt)
3x extra-large font size (28pt)
4x extra-large font size (36pt)
Primary brand color — PF6 blue