sendou.ink/app/features/tier-list-maker/tier-list-maker-constants.ts
Kalle 4df6149605
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
Tier list maker preset colors
2025-11-29 15:37:50 +02:00

36 lines
969 B
TypeScript

import type { TierListMakerTier } from "./tier-list-maker-schemas";
export const DEFAULT_TIER_LABEL_WIDTH = 68;
export const TIER_NAME_MAX_LENGTH = 50;
export const TIER_NAME_FONT_SIZE_BREAKPOINTS = [
{ maxLength: 3, fontSize: "var(--fonts-xl)" },
{ maxLength: 8, fontSize: "var(--fonts-lg)" },
{ maxLength: 15, fontSize: "var(--fonts-md)" },
{ maxLength: 25, fontSize: "var(--fonts-sm)" },
{ maxLength: 35, fontSize: "var(--fonts-xs)" },
] as const;
export const TIER_NAME_FONT_SIZE_MIN = "var(--fonts-xxs)";
export const PRESET_COLORS = [
"#ff4655",
"#ff8c42",
"#ffd23f",
"#bfe84d",
"#5dbb63",
"#8b0000",
"#90ee90",
"#4169e1",
"#9b59b6",
"#20b2aa",
];
export const DEFAULT_TIERS: TierListMakerTier[] = [
{ id: "tier-x", name: "X", color: "#ff4655" },
{ id: "tier-s", name: "S", color: "#ff8c42" },
{ id: "tier-a", name: "A", color: "#ffd23f" },
{ id: "tier-b", name: "B", color: "#bfe84d" },
{ id: "tier-c", name: "C", color: "#5dbb63" },
];