Files
sendou.ink/app/features/theme/theme-constants.ts
Kalle 23875c7c67
Some checks failed
E2E Tests / e2e (push) Has been cancelled
Tests and checks on push / run-checks-and-tests (push) Has been cancelled
Updates translation progress / update-translation-progress-issue (push) Has been cancelled
Custom theme improvements (#3410)
Co-authored-by: hfcRed <hfcred@gmx.net>
2026-09-23 17:43:48 +03:00

86 lines
1.6 KiB
TypeScript

/** CSS variables a supporter can override with their own custom theme. */
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",
"--_second-c-0",
"--_second-c-1",
"--_second-c-2",
"--_second-c-3",
"--_second-c-4",
"--_second-c-5",
"--_chat-h",
"--_radius-box",
"--_radius-field",
"--_radius-selector",
"--_border-width",
"--_size-field",
"--_size-selector",
"--_size-spacing",
"--_base-l",
"--_acc-c",
"--_acc-l-0",
"--_acc-l-1",
"--_acc-l-2",
"--_acc-l-3",
"--_acc-l-4",
"--_acc-l-5",
"--_acc-l-6",
"--_acc-c-6",
"--_acc-h-0",
"--_acc-h-1",
"--_acc-h-2",
"--_acc-h-3",
"--_acc-h-4",
"--_acc-h-5",
"--_acc-h-6",
"--_acc-fill-dark-text",
"--_second-l-0",
"--_second-l-1",
"--_second-l-2",
"--_second-l-3",
"--_second-l-4",
"--_second-l-5",
"--_second-h-0",
"--_second-h-1",
"--_second-h-2",
"--_second-h-3",
"--_second-h-4",
"--_second-h-5",
"--_second-l-6",
"--_second-c-6",
"--_second-h-6",
"--_second-fill-dark-text",
] as const;
export type CustomThemeVar = (typeof CUSTOM_THEME_VARS)[number];
/** Subset of {@link CUSTOM_THEME_VARS} the footer's patron chip resolves its colors from. */
export const PATRON_CHIP_THEME_VARS = [
"--_base-h",
"--_base-c-2",
"--_base-c-5",
"--_base-l",
"--_acc-h",
"--_acc-c-2",
"--_acc-c-4",
"--_acc-l-2",
"--_acc-l-4",
"--_acc-h-2",
"--_acc-h-4",
] as const satisfies ReadonlyArray<CustomThemeVar>;