Farben (Tokens)
Diese Seite zeigt ausschließlich die Farb-Paletten, gesteuert über colors.config.js.
Alle Kacheln nutzen Token-gebundene Klassen; keine Inline-Farben. Dark/Light wird automatisch unterstützt.
Primary (7-Stufen)
bg-primary-darkestprimary
bg-primary-darkerprimary
bg-primary-darkprimary
bg-primaryprimary
bg-primary-lightprimary
bg-primary-lighterprimary
bg-primary-lightestprimary
Gray (7) & Neutral
bg-gray-darkestgray
bg-gray-darkergray
bg-gray-darkgray
bg-graygray
bg-gray-lightgray
bg-gray-lightergray
bg-gray-lightestgray
bg-neutral-whiteneutral
bg-neutral-blackneutral
Secondary · Blue
bg-secondary-blue-darkersecondary.blue
bg-secondary-blue-darksecondary.blue
bg-secondary-bluesecondary.blue
bg-secondary-blue-lightsecondary.blue
bg-secondary-blue-lightersecondary.blue
Secondary · Light-Blue
bg-secondary-light-blue-darkersecondary.lightBlue
bg-secondary-light-blue-darksecondary.lightBlue
bg-secondary-light-bluesecondary.lightBlue
bg-secondary-light-blue-lightsecondary.lightBlue
bg-secondary-light-blue-lightersecondary.lightBlue
Brown (7)
bg-brown-darkestbrown
bg-brown-darkerbrown
bg-brown-darkbrown
bg-brownbrown
bg-brown-lightbrown
bg-brown-lighterbrown
bg-brown-lightestbrown
Accent
bg-accent-pink-darkaccent.pink
bg-accent-pinkaccent.pink
bg-accent-pink-lightaccent.pink
bg-accent-pink-lighteraccent.pink
bg-accent-yellow-darkaccent.yellow
bg-accent-yellowaccent.yellow
bg-accent-yellow-lightaccent.yellow
bg-accent-yellow-lighteraccent.yellow
bg-accent-orange-darkaccent.orange
bg-accent-orangeaccent.orange
bg-accent-orange-lightaccent.orange
bg-accent-orange-lighteraccent.orange
bg-accent-green-darkaccent.green
bg-accent-greenaccent.green
bg-accent-green-lightaccent.green
bg-accent-green-lighteraccent.green
Exception & Status
bg-exception-red-darkexception.red
bg-exception-redexception.red
bg-exception-red-lightexception.red
bg-exception-red-lighterexception.red
bg-status-successstatus
bg-status-warningstatus
bg-status-errorstatus
bg-status-infostatus