color theme switcher

[ShouryaBatra]

Color Theme Switcher Component for shadcn/ui

Live Demo

👉 View Live Example Site - A complete showcase of the theme switcher in action with all shadcn/ui components

The Problem

While shadcn/ui provides excellent documentation for implementing dark mode toggles (docs) and showcases various beautiful color themes (themes page), there wasn't a clear way to implement a theme switcher that allows users to toggle between different color themes within a site.

The Solution

I've created a color theme switcher component that allows you to:

• Switch between any of the predefined shadcn themes
• Implement a dropdown/button interface for theme selection
• Persist theme selection
• Seamlessly integrate with existing shadcn/ui components

Repository

Check out the implementation here: shadcn-color-theme-switcher

Why This Matters

This component fills a gap in the current shadcn/ui ecosystem by providing a user-friendly way to implement theme switching functionality. It's particularly useful for:

• Applications that want to offer multiple theme options
• Projects that need to maintain consistency with shadcn's design system
• Developers who want to provide a better user experience with theme customization

Feedback Welcome

I'd love to hear your thoughts and suggestions for improvement. Feel free to:

• Try it out in your projects
• Open issues for bugs or feature requests
• Submit pull requests for improvements
• Share your use cases

Learn More and Implementation

Visit the repository to:

• See detailed readme
• View example implementation
• Learn how to customize the component
• Get started with your own theme switcher

---

This component is designed to work seamlessly with shadcn/ui's existing theme system while adding the much-needed functionality of theme switching. I hope this helps the community and would love to see it potentially integrated into the official shadcn/ui ecosystem, documentation, etc.