Make admin light/dark mode follow real palettes end-to-end.

Light admin derives from the public light theme; dark keeps HK overrides. Remap inputs, cards, muted text, and kill the public wallpaper on admin so fonts and boxes stay readable in both modes.

Co-authored-by: Cursor <[email protected]>

src/lib/theme-contrast.ts

@@ -30,9 +30,31 @@ export interface AdminPalette {
 export function deriveAdminPalette(
 	colors: PublicThemeColors,
 	overrides?: Partial<AdminPalette>,
+	mode: "light" | "dark" = "dark",
 ): AdminPalette {
 	const accent = overrides?.accent ?? colors.color_primary ?? "#f59e0b";
-	const defaults: AdminPalette = {
+
+	const lightDefaults: AdminPalette = {
+		canvas: colors.color_background ?? "#f8fafc",
+		surface: colors.color_surface ?? "#ffffff",
+		surfaceElevated: colors.color_dropdown ?? "#f1f5f9",
+		text: colors.color_text ?? "#0f172a",
+		muted: colors.color_text_muted ?? "#64748b",
+		border: "#e2e8f0",
+		accent,
+		accentText: accent,
+		accentForeground: "#ffffff",
+		success: colors.color_success ?? "#16a34a",
+		warning: colors.color_warning ?? "#eab308",
+		error: colors.color_error ?? "#ef4444",
+		info: colors.color_info ?? "#0ea5e9",
+		sidebar: colors.color_navbar ?? colors.color_surface ?? "#ffffff",
+		sidebarText: colors.color_navbar_text ?? colors.color_text ?? "#0f172a",
+		overlay: "rgba(15, 23, 42, 0.45)",
+		focusRing: accent,
+	};
+
+	const darkDefaults: AdminPalette = {
 		canvas: "#0b0f19",
 		surface: "#151b27",
 		surfaceElevated: "#1e2635",
@@ -52,11 +74,18 @@ export function deriveAdminPalette(
 		focusRing: accent,
 	};
 
+	const defaults = mode === "light" ? lightDefaults : darkDefaults;
+
+	// Staff admin_* overrides are the dark-HK palette — apply only in dark mode
+	// so light mode stays readable and tracks the public light theme.
 	const merged: AdminPalette = {
 		...defaults,
-		...overrides,
+		...(mode === "dark" ? overrides : {}),
 		accent,
-		overlay: overrides?.overlay ?? defaults.overlay,
+		overlay:
+			mode === "dark"
+				? (overrides?.overlay ?? defaults.overlay)
+				: defaults.overlay,
 		focusRing: accent,
 	};