Skip to content

Commit 09b11f6

Browse files
committed
style: expand palette collection with 11 diverse themes
1 parent 043a276 commit 09b11f6

1 file changed

Lines changed: 11 additions & 4 deletions

File tree

src/App.tsx

Lines changed: 11 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -33,10 +33,17 @@ const MotionA = motion.a as React.FC<React.AnchorHTMLAttributes<HTMLAnchorElemen
3333
}>;
3434

3535
const PALETTES = [
36-
{ a1: '#f472b6', a2: '#818cf8', a3: '#2dd4bf' }, // Cyberpunk
37-
{ a1: '#34d399', a2: '#60a5fa', a3: '#fbbf24' }, // Forest
38-
{ a1: '#a78bfa', a2: '#fb7185', a3: '#38bdf8' }, // Royal
39-
{ a1: '#fcd34d', a2: '#f87171', a3: '#c084fc' }, // Candy
36+
{ a1: '#f472b6', a2: '#818cf8', a3: '#2dd4bf' }, // Cyberpunk (Pink, Indigo, Teal)
37+
{ a1: '#34d399', a2: '#60a5fa', a3: '#fbbf24' }, // Forest (Emerald, Blue, Amber)
38+
{ a1: '#a78bfa', a2: '#fb7185', a3: '#38bdf8' }, // Royal (Violet, Rose, Sky)
39+
{ a1: '#fcd34d', a2: '#f87171', a3: '#c084fc' }, // Candy (Amber, Red, Purple)
40+
{ a1: '#22d3ee', a2: '#818cf8', a3: '#c084fc' }, // Ocean (Cyan, Indigo, Purple)
41+
{ a1: '#fb923c', a2: '#db2777', a3: '#4f46e5' }, // Sunset (Orange, Pink, Indigo)
42+
{ a1: '#94a3b8', a2: '#334155', a3: '#0f172a' }, // Slate (Light Slate, Dark Slate, Navy)
43+
{ a1: '#5eead4', a2: '#0d9488', a3: '#115e59' }, // Mint (Mint, Teal, Dark Teal)
44+
{ a1: '#fca5a5', a2: '#f87171', a3: '#ef4444' }, // Monochromatic Red
45+
{ a1: '#bef264', a2: '#65a30d', a3: '#3f6212' }, // Lime/Matcha
46+
{ a1: '#67e8f9', a2: '#06b6d4', a3: '#155e75' }, // Sky/Deep Sea
4047
];
4148

4249
// Theme Toggle Component

0 commit comments

Comments
 (0)