add light theme support #78

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Merged

cmpadden merged 3 commits into main from add-light-theme-support

Jul 3, 2025

Owner

cmpadden commented Jul 3, 2025

Install and configure @nuxtjs/color-mode for theme management
Add theme toggle button integrated into main navigation menu
Update Tailwind config for class-based dark mode with custom color variants
Implement theme-aware styling across all components and pages:
- Header navigation with proper contrast in both themes
- Blog post cards and content with readable text colors
- Article pages with appropriate shadows and prose styling
- Talks page with visible dates and metadata
- Playground section with theme-aware backgrounds
Configure dual syntax highlighting (github-light/github-dark)
Soften text colors from harsh black to gentle gray for better aesthetics
Add horizontal divider separating theme toggle from navigation links
Ensure static generation compatibility and proper SSR support
Maintain accessibility with proper contrast ratios throughout

cmpadden added 3 commits

July 1, 2025 16:04

wip

5dd37c7

wip

afa0358

wip

41deb55

cmpadden merged commit 5ebf5cf into main

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet