Katia Bulatova
06890660cd
New contrast preference (0-100) stored in dashboard preferences, applied as a --theme-contrast variable on <html>. The System theme blocks pull the monochrome scale apart via color-mix - text toward the mode foreground, borders a step up; contrast 0 stays byte-identical and Classic never reads the variable. The account page shows the slider under Theme for non-Classic themes with live preview.
21 lines
952 B
TypeScript
21 lines
952 B
TypeScript
import { z } from "zod";
|
|
|
|
// Shared between server (dashboard preferences) and client (theme UI, system
|
|
// theme sync) - must stay free of server-only imports.
|
|
export const ThemePreference = z.enum(["classic", "system", "dark", "light"]);
|
|
export type ThemePreference = z.infer<typeof ThemePreference>;
|
|
|
|
/** Coerce any stored/legacy value into a valid preference. Missing or unknown
|
|
* values fall back to `classic` (the default dark theme). */
|
|
export function normalizeThemePreference(value: unknown): ThemePreference {
|
|
const result = ThemePreference.safeParse(value);
|
|
return result.success ? result.data : "classic";
|
|
}
|
|
|
|
/** Interface contrast for the System themes, 0 (default) to 100 (max). */
|
|
export function normalizeThemeContrast(value: unknown): number {
|
|
const num = typeof value === "string" ? Number(value) : value;
|
|
if (typeof num !== "number" || !Number.isFinite(num)) return 0;
|
|
return Math.min(100, Math.max(0, Math.round(num)));
|
|
}
|