TC Hardt Design System
Live-Werte aus der main.css. Änderungen dort werden hier automatisch reflektiert.
Brand Dark (Navy)
Variable: --color-brand-dark-*
50loading...
100loading...
200loading...
300loading...
400loading...
500loading...
600loading...
700loading...
800loading...
900loading...
950loading...
Brand Light (Sky)
Variable: --color-brand-light-*
50loading...
100loading...
200loading...
300loading...
400loading...
500loading...
600loading...
700loading...
800loading...
900loading...
950loading...
Highlight (Lime)
Variable: --color-highlight-*
50loading...
100loading...
200loading...
300loading...
400loading...
500loading...
600loading...
700loading...
800loading...
900loading...
950loading...
Accent (Orange)
Variable: --color-accent-*
50loading...
100loading...
200loading...
300loading...
400loading...
500loading...
600loading...
700loading...
800loading...
900loading...
950loading...
UI Komponenten Check
Light Mode Context
NeuInfo
Dark Mode Context
Live