Skip to content

feat: install and configure UI dependencies #20

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
merged 1 commit into from
Jun 5, 2025
Merged

feat: install and configure UI dependencies #20

merged 1 commit into from
Jun 5, 2025

Conversation

nullcoder
Copy link
Owner

Summary

  • Initialized shadcn/ui with New York style and CSS variables
  • Added next-themes for dark/light mode theming
  • Created theme provider and toggle components
  • Updated layout and home page with theme support

Changes

  • shadcn/ui: Initialized with Tailwind v4 compatible configuration using oklch colors
  • Theme Provider: Integrated next-themes with system preference support
  • Theme Toggle: Created button component with smooth sun/moon icon transitions
  • Global Styles: Configured CSS variables for light and dark themes
  • Home Page: Updated to demonstrate theme switching functionality

Testing

  • Ran dev server and tested theme switching
  • Verified dark mode colors and transitions
  • Checked theme persistence across page reloads
  • Tested system theme preference detection
  • All components render correctly in both themes

Screenshots

Theme toggle is working with smooth transitions between light and dark modes. The UI uses neutral colors with proper contrast ratios for accessibility.

Closes #8

🤖 Generated with Claude Code

@nullcoder @claude
feat: install and configure UI dependencies (closes #8)
884a152 
- Initialized shadcn/ui with New York style and CSS variables
- Installed next-themes for dark/light mode support
- Created ThemeProvider component and integrated into layout
- Added theme toggle button with smooth transitions
- Configured global styles with CSS variables for theming
- Updated home page to demonstrate theme switching
- All Tailwind v4 compatible with oklch colors

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
@nullcoder nullcoder added enhancement New feature or request ui User interface and components labels Jun 5, 2025
@nullcoder nullcoder self-assigned this Jun 5, 2025
@cloudflare-workers-and-pages Cloudflare Workers and Pages
Copy link

Deploying with  Cloudflare Workers  Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status Name Latest Commit Preview URL Updated (UTC)
✅ Deployment successful!
View logs		 ghostpaste 884a152 Visit preview Jun 05 2025, 09:29 AM

@nullcoder nullcoder merged commit f864e74 into main Jun 5, 2025
1 check passed
@nullcoder nullcoder deleted the feat/ui-dependencies branch June 5, 2025 09:31
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers
No reviews
Assignees

@nullcoder nullcoder

Labels
enhancement New feature or request ui User interface and components
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.

Install and configure UI dependencies
1 participant
@nullcoder