Chris Parsons
272110a934
Mobile Draft fixes.
2026-04-19 21:18:57 -07:00
Chris Parsons
20a357ecb1
Update some draft room styling.
2026-04-17 14:17:49 -07:00
Chris Parsons
ff208460ac
Redesign home page with new layout and component system
...
- Two-column layout (My Leagues 2/3, Upcoming Events 1/3) with mobile stack
- LeagueRow: square avatar, gradient draft highlight, rank/points display, progress bar
- MyLeaguesCard, CreateLeagueCard with shared SectionCardHeader
- UpcomingEventsCard: vertical timeline with grouped multi-league events
- Shared gradient system: BracktGradients SVG defs, GradientIcon wrapper, brand.ts constants
- Button default variant updated to green→cyan gradient
- Navbar: plain nav links with gradient hover, support/admin icon buttons
- Accessibility fixes: semantic h2 headings, aria-label on LeagueAvatar and nav elements
- Storybook stories for all new components
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-17 14:17:49 -07:00
Chris Parsons
f97ee4e4d8
Add NProgress navigation progress bar ( #139 )
...
Installs nprogress and wires it to React Router's useNavigation() hook
so a progress bar appears at the top of the page during route transitions.
Themed to the site's --electric CSS variable with the spinner disabled.
Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-11 22:02:48 -07:00
Chris Parsons
1584d34b89
Redesign to dark-mode-only with navy palette and accent colors ( #13 )
...
Removes light mode entirely in favour of a permanent dark theme with a
navy-tinted background and three signature accents (electric blue,
amber/gold, coral) exposed as CSS custom properties and Tailwind
utilities (bg-electric, text-amber-accent, text-coral-accent).
- Set class="dark" on <html> and apply Clerk dark base theme
- Rewrite app.css: single :root palette (oklch navy values), custom
--electric / --amber-accent / --coral-accent variables, remove
duplicate .dark block and light-mode bg-white/bg-gray-950 rule
- Install @clerk/themes for Clerk dark modal support
- Replace hardcoded Tailwind colors across 30+ files:
- Draft grid cells: blue-50/blue-950 → electric/15, green-50/950 → emerald/10
- Timer: green-600/yellow-600/red-600 → emerald-400/amber-accent/coral-accent
- Status badges: blue-50/green-50/gray-50 → electric/emerald/muted variants
- Success messages: green-500/15 text-green-700 dark:text-green-400 → emerald-500/15 text-emerald-400
- Info cards: blue-50 dark:bg-blue-950 → electric/10
- Warning cards: yellow-500 → amber-accent variants
- Medal/placement badges: yellow-500/orange-600 → amber-accent/coral-accent
- Movement indicators: green-600/red-600 → emerald-400/coral-accent
- Connection dots: green-500/red-500 → emerald-500/coral-accent
- Remove dark:hidden/dark:block logo toggle in welcome.tsx (always dark)
- Update DraftGrid test assertions to match new class names
Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-02-20 19:26:11 -08:00
Chris Parsons
6d998a5f85
feat: add theme system with dark mode support and navbar component
2025-10-10 23:30:26 -07:00
Chris Parsons
3117080592
Initial commit from create-react-router
2025-10-10 23:04:50 -07:00
