Seiten
Inhalt
8. Kontextfarben & Pills
Semantische Farben für Status, Hinweise und Fehler ziehen sich durch Text, Buttons, Cards, Tabellen und Timelines.
Farbpalette
Accent
Primäre Aktionen, Fokus, aktive Navigation
Success / Info
Positive Rückmeldungen, Online-Status
Warning
Hinweise ohne Fehlerstatus
Danger
Fehler und destruktive Aktionen
Muted
Sekundäre Linien, Trennungen
Pills
Default
Info
Warning
Danger
v1.3.0-RC
| <span class="xpulse-pill">Default</span> |
| <span class="xpulse-pill xpulse-pill--info">Info</span> |
| <span class="xpulse-pill xpulse-pill--warning">Pending</span> |
| <span class="xpulse-pill xpulse-pill--danger">Incident</span> |
Inline-Kontextfarben im Text
Status: Connected — alles in Ordnung.
Review: Pending — wartet auf Freigabe.
Deploy: Failed — Aktion erforderlich.
| <span class="xpulse-text--info">Connected</span> |
| <span class="xpulse-text--warning">Pending Review</span> |
| <span class="xpulse-text--danger">Error</span> |