rohskiddo/UMBRA
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Add red, pink, yellow HSL presets to useTheme accent color map

Browse Source 
The swatches were added to SettingsPage but useTheme only had 5 presets,
so selecting the new colors saved to DB but never applied CSS variables.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Kyle 2026-02-25 09:32:19 +08:00
parent 6094561d74
commit e5b6725081
1 changed files with 3 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/hooks/useTheme.ts
View File

@ -7,6 +7,9 @@ const ACCENT_PRESETS: Record<string, { h: number; s: number; l: number }> = {
purple: { h: 258, s: 89.5, l: 66.3 }, purple: { h: 258, s: 89.5, l: 66.3 },
orange: { h: 21, s: 94.6, l: 53.3 }, orange: { h: 21, s: 94.6, l: 53.3 },
green: { h: 142, s: 70.6, l: 45.3 }, green: { h: 142, s: 70.6, l: 45.3 },
red: { h: 0, s: 84.2, l: 60.2 },
pink: { h: 330, s: 81.2, l: 60.4 },
yellow: { h: 48, s: 83.3, l: 47.5 },
}; };
export function useTheme() { export function useTheme() {