milestone 23 s3: convert features/dashboard/HealthBanners.tsx to stylex

2026-08-12 22:18:23 +02:00
parent 0f58966b31
commit 73bc180c67
2 changed files with 40 additions and 6 deletions
@@ -31,6 +31,15 @@ export const colors = stylex.defineVars({
 	primaryText: { default: "#fff", [DARK]: "#fff" },
 	/** Primary as foreground: lightened in dark so it clears the ground. */
 	primaryOnSurface: { default: "oklch(54.6% 0.245 262.881)", [DARK]: "oklch(70.7% 0.165 254.624)" },
+	/**
+	 * Warnings: a degraded condition the operator can still act on, as against
+	 * `danger`, which is a failure or a destructive action. The amber ramp.
+	 */
+	warnSurface: { default: "oklch(98.7% 0.022 95.277)", [DARK]: "oklch(27.9% 0.077 45.635)" },
+	warnBorder: { default: "oklch(87.9% 0.169 91.605)", [DARK]: "oklch(47.3% 0.137 46.201)" },
+	/** A control's outline inside a warning banner, which the banner border would swallow. */
+	warnBorderStrong: { default: "oklch(82.8% 0.189 84.429)", [DARK]: "oklch(55.5% 0.163 48.998)" },
+	warnText: { default: "oklch(41.4% 0.112 45.904)", [DARK]: "oklch(96.2% 0.059 95.617)" },
 	danger: { default: "oklch(57.7% 0.245 27.325)", [DARK]: "oklch(70.4% 0.191 22.216)" },
 	dangerSurface: { default: "oklch(97.1% 0.013 17.38)", [DARK]: "oklch(25.8% 0.092 26.042)" },
 	dangerBorder: { default: "oklch(80.8% 0.114 19.571)", [DARK]: "oklch(44.4% 0.177 26.899)" },