namcho/cv-web-app
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(theme): add cyber-dark glassmorphism theme #1

Merged
namcho merged 1 commit from feature/cyber-dark-theme into developer 2026-06-15 18:50:49 +02:00
Conversation 0 Commits 1 Files changed 3 +72 -5
namcho commented 2026-06-15 18:50:39 +02:00
Owner
Copy link

Summary

Added a new cyber-dark theme with futuristic glassmorphism aesthetic.

Changes

  • CSS: New [data-theme="cyber-dark"] block with deep midnight violet background, neon purple accents, glass cards with backdrop-filter blur, radial gradient ambient glow
  • JS: Theme system now cycles through 3 themes (light → dark → cyber-dark → light)
  • HTML: Added star/sparkle icon for cyber-dark toggle

Design

  • Background: radial purple glow gradients on deep violet
  • Cards: frosted glass effect with backdrop-filter: blur(16px)
  • Borders: neon purple translucent strokes
  • Shadows: dark drop shadows + purple emission glow
  • Text: crisp white for primary, muted lavender-gray for secondary

Verification

  • Theme cycle works: light → dark → cyber-dark → light
  • Glass card effects render correctly
  • All text is readable
  • No regressions on existing themes
## Summary Added a new **cyber-dark** theme with futuristic glassmorphism aesthetic. ### Changes - **CSS**: New `[data-theme="cyber-dark"]` block with deep midnight violet background, neon purple accents, glass cards with backdrop-filter blur, radial gradient ambient glow - **JS**: Theme system now cycles through 3 themes (light → dark → cyber-dark → light) - **HTML**: Added star/sparkle icon for cyber-dark toggle ### Design - Background: radial purple glow gradients on deep violet - Cards: frosted glass effect with `backdrop-filter: blur(16px)` - Borders: neon purple translucent strokes - Shadows: dark drop shadows + purple emission glow - Text: crisp white for primary, muted lavender-gray for secondary ## Verification - [ ] Theme cycle works: light → dark → cyber-dark → light - [ ] Glass card effects render correctly - [ ] All text is readable - [ ] No regressions on existing themes
- Added third theme 'cyber-dark' with futuristic glassmorphism aesthetic
- Deep midnight violet background with radial purple ambient glow
- Glass-effect cards with backdrop-filter blur(16px) and neon purple borders
- Theme cycling: light → dark → cyber-dark → light
- Star/sparkle icon for cyber-dark theme toggle
- New CSS variables for glass colors, glow shadows, frosted backgrounds
namcho merged commit 245cdb86d2 into developer 2026-06-15 18:50:49 +02:00
Sign in to join this conversation.
Reviewers
No reviewers
Labels
Clear labels
No items
No labels
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
namcho/cv-web-app!1
No description provided.