Fix custom styles

This commit is contained in:
hfcRed 2026-01-22 20:39:10 +01:00
parent 8bb52a5375
commit bf74c18198
2 changed files with 32 additions and 32 deletions

View File

@ -36,22 +36,22 @@ export type MemberRole = (typeof TEAM_MEMBER_ROLES)[number];
export type DBBoolean = number;
export const CUSTOM_THEME_VARS = [
"--base-h",
"--base-c-0",
"--base-c-1",
"--base-c-2",
"--base-c-3",
"--base-c-4",
"--base-c-5",
"--base-c-6",
"--base-c-7",
"--acc-h",
"--acc-c-0",
"--acc-c-1",
"--acc-c-2",
"--acc-c-3",
"--acc-c-4",
"--acc-c-5",
"--_base-h",
"--_base-c-0",
"--_base-c-1",
"--_base-c-2",
"--_base-c-3",
"--_base-c-4",
"--_base-c-5",
"--_base-c-6",
"--_base-c-7",
"--_acc-h",
"--_acc-c-0",
"--_acc-c-1",
"--_acc-c-2",
"--_acc-c-3",
"--_acc-c-4",
"--_acc-c-5",
] as const;
export type CustomThemeVar = (typeof CUSTOM_THEME_VARS)[number];
export type CustomTheme = Record<CustomThemeVar, number>;

View File

@ -293,21 +293,21 @@ export function clampThemeToGamut(input: ThemeInput): CustomTheme {
);
return {
"--base-h": input.baseHue,
"--base-c-0": clampedBaseChromas[0],
"--base-c-1": clampedBaseChromas[1],
"--base-c-2": clampedBaseChromas[2],
"--base-c-3": clampedBaseChromas[3],
"--base-c-4": clampedBaseChromas[4],
"--base-c-5": clampedBaseChromas[5],
"--base-c-6": clampedBaseChromas[6],
"--base-c-7": clampedBaseChromas[7],
"--acc-h": input.accentHue,
"--acc-c-0": clampedAccentChromas[0],
"--acc-c-1": clampedAccentChromas[1],
"--acc-c-2": clampedAccentChromas[2],
"--acc-c-3": clampedAccentChromas[3],
"--acc-c-4": clampedAccentChromas[4],
"--acc-c-5": clampedAccentChromas[5],
"--_base-h": input.baseHue,
"--_base-c-0": clampedBaseChromas[0],
"--_base-c-1": clampedBaseChromas[1],
"--_base-c-2": clampedBaseChromas[2],
"--_base-c-3": clampedBaseChromas[3],
"--_base-c-4": clampedBaseChromas[4],
"--_base-c-5": clampedBaseChromas[5],
"--_base-c-6": clampedBaseChromas[6],
"--_base-c-7": clampedBaseChromas[7],
"--_acc-h": input.accentHue,
"--_acc-c-0": clampedAccentChromas[0],
"--_acc-c-1": clampedAccentChromas[1],
"--_acc-c-2": clampedAccentChromas[2],
"--_acc-c-3": clampedAccentChromas[3],
"--_acc-c-4": clampedAccentChromas[4],
"--_acc-c-5": clampedAccentChromas[5],
};
}