Simplify modal, badge, and remaining component styles to dark-first
Remove all dark: prefix pairs across modals, badges, and 20 remaining components. Simplify EncounterMethodBadge, ConditionBadge, and RuleBadges to dark-only color values. Replace stray text-gray-400/500 with theme tokens (text-tertiary/secondary). Replace blue-600 accent colors with theme accent tokens in modals and interactive elements. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -5,7 +5,7 @@ status: in-progress
|
||||
type: feature
|
||||
priority: normal
|
||||
created_at: 2026-02-17T19:16:39Z
|
||||
updated_at: 2026-02-17T19:45:49Z
|
||||
updated_at: 2026-02-17T20:01:32Z
|
||||
---
|
||||
|
||||
Overhaul the UI to a dark-first, techy aesthetic with a cohesive brand identity derived from the ANT steel ant logo.
|
||||
@@ -89,10 +89,10 @@ Self-host **Geist** (or Inter/JetBrains Mono pairing):
|
||||
- [x] Redesign home page hero section
|
||||
- [x] Update card/surface styles globally (Layout, PokemonCard, StatCard, GameCard)
|
||||
- [x] Update all page-level backgrounds and containers
|
||||
- [ ] Update modal styles (EncounterModal, StatusChangeModal, etc.)
|
||||
- [ ] Update badge/indicator styles (TypeBadge, RuleBadges, EncounterMethodBadge)
|
||||
- [x] Update modal styles (EncounterModal, StatusChangeModal, etc.)
|
||||
- [x] Update badge/indicator styles (TypeBadge, RuleBadges, EncounterMethodBadge)
|
||||
- [ ] Add dark/light mode toggle to nav
|
||||
- [ ] Polish hover states and transitions across all interactive elements
|
||||
- [x] Polish hover states and transitions across all interactive elements
|
||||
- [ ] Verify mobile layout and touch targets
|
||||
- [ ] Verify accessibility (contrast ratios, focus indicators)
|
||||
|
||||
|
||||
Reference in New Issue
Block a user