Resolves: #883

Shadcn Theming & Styling — Complete Implementation

Features

• Theme Management: Create, edit, delete, and preview custom themes (colors, fonts, spacing, radius, shadows, backgrounds).
• Live Editor: Real-time updates with color pickers, font selector (Google Fonts), sliders, and live dashboard preview.
• Database Integration: Themes are saved to the database; users can manage or delete their themes.
• Theme Marketplace: Browse and copy public themes from all users.
• Public/Private Toggle: Mark themes as public to share in the marketplace.
• Connection-Aware: Each connection can have its own active theme (themeId persisted in the backend).
• Automatic Theme Loading: On connection change, the correct theme is loaded and applied.
• Cross-Device Sync: Active theme persists across devices and sessions.
• Tailwind & CSS Integration: All theme tokens (colors, fonts, radius, shadows) are applied via CSS variables and used in Tailwind config and global CSS.
• Robust UI: Modern, user-friendly UI with tabs for “My Themes” and “Marketplace”.

How it works

• Users can fully customize their app’s appearance and save themes.
• Themes are applied instantly and persist for each connection.
• Public themes can be browsed and copied by any user.
• All theming is dynamic, robust, and production-ready.

/claim #883

Summary by CodeRabbit

• New Features

  • Introduced a comprehensive theme system, allowing users to create, edit, delete, and manage custom UI themes.
  • Added a theme marketplace for browsing and copying public themes.
  • Users can set active themes, which update the application’s appearance in real time.

• Enhancements

  • Updated styling to use new theme variables for colors, fonts, radii, and shadows.
  • Improved theme-related utility classes for more flexible and consistent UI customization.

• Bug Fixes

  • Added validation and improved error handling for theme management actions.

• Chores

  • Updated database schema to support user themes and theme assignments to connections.