pokemon/nuzlocke-tracker
1
1
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Implement dark-first design system with Geist typography #28

Merged
TheFurya merged 1 commits from feature/ui-modernize into develop 2026-02-17 20:48:44 +01:00
Conversation 0 Commits 1 Files Changed 56 +1151 -1067
TheFurya commented 2026-02-17 20:48:19 +01:00
Owner
Copy Link

Summary

  • Add Tailwind v4 @theme tokens in index.css for surfaces, accents, text, borders, and status colors
  • Self-host Geist Sans and Geist Mono variable fonts (woff2, ~138KB total)
  • Redesign nav bar with backdrop blur, logo mark, and active route indicators
  • Redesign home page with gradient hero section and logo watermark
  • Migrate all 50+ components from ad-hoc bg-gray-*/text-gray-*/dark:* classes to semantic theme tokens (surface-*, text-*, border-*, accent-*, status-*)

Test plan

  • Verify all pages render with dark theme (no white/light flashes)
  • Check nav active states highlight correctly per route
  • Verify Geist fonts load (check Network tab, no FOUT)
  • Test mobile nav hamburger menu
  • Spot-check modals, forms, and admin pages for consistent dark styling
  • Verify status badges (alive/dead, active/completed/failed) have correct colors

🤖 Generated with Claude Code

## Summary - Add Tailwind v4 `@theme` tokens in `index.css` for surfaces, accents, text, borders, and status colors - Self-host Geist Sans and Geist Mono variable fonts (woff2, ~138KB total) - Redesign nav bar with backdrop blur, logo mark, and active route indicators - Redesign home page with gradient hero section and logo watermark - Migrate all 50+ components from ad-hoc `bg-gray-*`/`text-gray-*`/`dark:*` classes to semantic theme tokens (`surface-*`, `text-*`, `border-*`, `accent-*`, `status-*`) ## Test plan - [ ] Verify all pages render with dark theme (no white/light flashes) - [ ] Check nav active states highlight correctly per route - [ ] Verify Geist fonts load (check Network tab, no FOUT) - [ ] Test mobile nav hamburger menu - [ ] Spot-check modals, forms, and admin pages for consistent dark styling - [ ] Verify status badges (alive/dead, active/completed/failed) have correct colors 🤖 Generated with [Claude Code](https://claude.com/claude-code)
TheFurya added 1 commit 2026-02-17 20:48:19 +01:00
Implement dark-first design system with Geist typography
All checks were successful
CI / backend-lint (pull_request) Successful in 9s
Details
CI / actions-lint (pull_request) Successful in 14s
Details
CI / frontend-lint (pull_request) Successful in 20s
Details
512d1bfce5 
Add Tailwind v4 @theme tokens for surfaces, accents, text, borders,
and status colors. Self-host Geist Sans/Mono variable fonts. Redesign
nav with backdrop blur and active states, home page with gradient hero.
Migrate all 50+ components from ad-hoc gray/blue Tailwind classes to
semantic theme tokens (surface-*, text-*, border-*, accent-*, status-*).

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
TheFurya merged commit 42b66ee9a2 into develop 2026-02-17 20:48:44 +01:00
TheFurya deleted branch feature/ui-modernize 2026-02-17 20:48:45 +01:00
Sign in to join this conversation.
Reviewers
No Reviewers
Labels
No items
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
TheFurya renovate
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: pokemon/nuzlocke-tracker#28
Delete Branch "feature/ui-modernize"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?