Risiko-Skala & Heatmap kontrastreicher auf Dunkel

- Score-Skala mit kräftigem Grün→Gelb→Orange→Rot-Verlauf statt blasser
  Pastelltöne; Marker Brutto weiß / Rest dunkel mit Kontrastring
- Heatmap-Zellen kräftigere Ampelfarben; R-Chips dunkel/weiß für Kontrast

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Martin
2026-07-03 09:44:36 +02:00
co-authored by Claude Opus 4.8
parent 7afd7f6acf
commit 9e54c7788f
3 changed files with 20 additions and 19 deletions
+10 -6
View File
@@ -10,15 +10,19 @@ export function riskLevel(score: number): RiskLevelKey {
return "low";
}
/** Zellen-Hintergrund der Heatmap (Mockup-Legende). */
/** Zellen-Hintergrund der Heatmap — kräftige Ampelfarben (auf Dunkel kontrastreich). */
export const RISK_CELL_COLORS: Record<RiskLevelKey, string> = {
low: "#dff3e5",
medium: "#fdf0cf",
elevated: "#fbdcc0",
high: "#f6c3c1",
critical: "#ef9a98",
low: "#2ea86b",
medium: "#e3b427",
elevated: "#e2802e",
high: "#e0553f",
critical: "#d63c5e",
};
/** Sättigungsstarke Farbskala grün→rot für den Risiko-Score-Balken. */
export const RISK_SCALE_GRADIENT =
"linear-gradient(90deg,#2ec76b 0%,#e3b427 32%,#e2802e 60%,#e0553f 82%,#d63c5e 100%)";
/** Pillen-Ton je Stufe — gemäß Heatmap-Skala: Grün → Gelb → Orange → Rot. */
export const RISK_PILL_TONE: Record<RiskLevelKey, "ok" | "warn" | "orange" | "risk"> = {
low: "ok",