Visual redesign: warm, creative, peaceful aesthetic

Full visual refresh with a warm and approachable design that inspires
creativity. Dark mode first with deep plum-charcoal tones, coral-peach
accents, honey-gold highlights, and lavender links.

- New color palette for both light and dark themes
- Gradient border reveal on card hover with soft glow
- Gradient underlines on section headings
- Active sidebar indicator bar
- Frosted glass nav bar with backdrop blur
- Refined typography, spacing, and border radii
- All scrolling fixes included (desktop and mobile)
- Touch swipe handler fix for mobile scrolling
This commit is contained in:
Derek Ross
2026-03-27 15:17:43 -04:00
parent 7899914b3d
commit a5b87d84f3
2 changed files with 647 additions and 541 deletions

View File

@@ -13,19 +13,22 @@ let isSwiping = false;
const colorThemes = {
default: {
light: {
primary: '#4a314d',
background: '#ffffff',
text: '#1a090d',
cardBackground: '#f8f9fa',
sidebarBackground: '#6b6570',
hoverColor: '#ace894'
primary: '#e05297',
background: '#fdf8f3',
text: '#2d1b3d',
cardBackground: '#ffffff',
sidebarBackground: '#f6f0f8',
hoverColor: '#fef4fb',
linkColor: '#7c5cbf'
},
dark: {
background: '#1a1a1a',
text: '#e8e8e8',
cardBackground: '#2d2d2d',
sidebarBackground: '#333333',
linkColor: '#88cc88'
primary: '#ff7eb3',
background: '#191020',
text: '#ede8f5',
cardBackground: '#241b2e',
sidebarBackground: '#1e1528',
hoverColor: 'rgba(255, 126, 179, 0.06)',
linkColor: '#c4b5fd'
}
},
purple: {

1163
styles.css

File diff suppressed because it is too large Load Diff