Skip to content

Commit fa1ef9b

Browse files
committed
feat: expand Tag Manager color palette to match folder dialogs
- TAG_COLORS now uses the same comprehensive 50+ color palette as Create/Edit Folder - Colors organized by hue: reds, rose, orange, amber, yellow, lime, green, emerald, teal, cyan, sky, blue, indigo, violet, purple, fuchsia, pink, slate, gray
1 parent f45107f commit fa1ef9b

1 file changed

Lines changed: 38 additions & 4 deletions

File tree

src/components/TagManagerModal.jsx

Lines changed: 38 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,10 +4,44 @@ import { useNotesStore, useUIStore } from '../store'
44
import { useTranslation } from '../lib/useTranslation'
55

66
const TAG_COLORS = [
7-
'#ef4444', '#f97316', '#f59e0b', '#eab308', '#84cc16',
8-
'#22c55e', '#10b981', '#14b8a6', '#06b6d4', '#0ea5e9',
9-
'#3b82f6', '#6366f1', '#8b5cf6', '#a855f7', '#d946ef',
10-
'#ec4899', '#f43f5e', '#78716c', '#64748b', '#71717a',
7+
// Reds
8+
'#fca5a5', '#f87171', '#ef4444', '#dc2626',
9+
// Rose
10+
'#fda4af', '#f43f5e', '#e11d48',
11+
// Oranges
12+
'#fdba74', '#f97316', '#ea580c',
13+
// Amber
14+
'#fcd34d', '#f59e0b', '#d97706',
15+
// Yellow
16+
'#fde047', '#eab308',
17+
// Lime
18+
'#bef264', '#84cc16', '#65a30d',
19+
// Green
20+
'#86efac', '#22c55e', '#16a34a',
21+
// Emerald
22+
'#6ee7b7', '#10b981', '#059669',
23+
// Teal
24+
'#5eead4', '#14b8a6', '#0d9488',
25+
// Cyan
26+
'#67e8f9', '#06b6d4', '#0891b2',
27+
// Sky
28+
'#7dd3fc', '#0ea5e9',
29+
// Blue
30+
'#93c5fd', '#3b82f6', '#2563eb',
31+
// Indigo
32+
'#a5b4fc', '#6366f1', '#4f46e5',
33+
// Violet
34+
'#c4b5fd', '#8b5cf6', '#7c3aed',
35+
// Purple
36+
'#d8b4fe', '#a855f7', '#9333ea',
37+
// Fuchsia
38+
'#e879f9', '#d946ef',
39+
// Pink
40+
'#f9a8d4', '#ec4899', '#db2777',
41+
// Slate
42+
'#94a3b8', '#64748b', '#475569',
43+
// Gray
44+
'#9ca3af', '#4b5563',
1145
]
1246

1347
export default function TagManagerModal() {

0 commit comments

Comments
 (0)