style(frontend): grundlegendes Redesign (Design-System, Farben, Typografie)
Neues Design-System: warme Honig-/Wachs-Farbpalette (Amber-Primaer, Salbeigruen-Sekundaer) statt Standard-Graustufen, Space Grotesk fuer Ueberschriften, Inter fuer Fliesstext, IBM Plex Mono fuer Codes/IDs. Card-Komponente mit weicher Schattierung statt Ring, neuer Badge-Warning-Variante und statusTone()-Helper fuer semantische Status-Farben (Voelker/Honigchargen). Navigation umgebaut: aktiver Link-Zustand, Hexagon-Markenzeichen, "Mehr"-Dropdown fuer Admin-Links. Dashboard-Kacheln mit Icons/Farbakzenten, Login-Seite mit dezentem Waben-Hintergrundmuster als wiederkehrendes Signature-Element.
This commit is contained in:
1 parent
26b2eb0829
commit
e7348b0b68
38 files changed
+350
-201
No files matched your search
@@ -0,0 +1,20 @@
|
||||
export type StatusTone = "default" | "secondary" | "warning" | "destructive" | "outline";
|
||||
|
||||
const WARNING_STATUSES = new Set([
|
||||
"WEAK",
|
||||
"CONSPICUOUS",
|
||||
"QUEENLESS",
|
||||
"LOW_STOCK",
|
||||
]);
|
||||
|
||||
const DESTRUCTIVE_STATUSES = new Set(["DISSOLVED", "DECEASED", "SOLD"]);
|
||||
|
||||
const NEUTRAL_STATUSES = new Set(["MERGED", "CONSUMED"]);
|
||||
|
||||
export function statusTone(status: string): StatusTone {
|
||||
if (WARNING_STATUSES.has(status)) return "warning";
|
||||
if (DESTRUCTIVE_STATUSES.has(status)) return "destructive";
|
||||
if (NEUTRAL_STATUSES.has(status)) return "outline";
|
||||
if (status === "ACTIVE") return "default";
|
||||
return "secondary";
|
||||
}
|
||||
Reference in new issue
Block a user