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:
co-authored by
Claude Opus 4.8
parent
7afd7f6acf
commit
9e54c7788f
+10
-6
@@ -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",
|
||||
|
||||
Reference in New Issue
Block a user