feat(theme): implement comprehensive theme system with 14 color options

[idan]

Implement a comprehensive theme system for the application with support for 14 color theme options organized by color spectrum (warm to cool): Orange, Pink, Rose, Red, Amber, Lime, Green, Teal, Cyan, Blue, Indigo, Purple, Grey, and Slate.

Changes Made

• Replaced manual color hardcoding with a themes constant containing theme configurations with gradient and hover color classes
• Added Theme type derived from the themes array for type safety
• Implemented theme state management using useState hook
• Created dynamic gradient background that updates based on selected theme
• Added theme switcher UI in the header with a dropdown select menu for improved usability
• Implemented dynamic hover color styling on story index badges that adapts to the selected theme
• Added visual feedback for selected theme with ring and scale effects
• Updated bun.lock with configVersion field
• Removed accidental noise text from README.md

Benefits

• Users can now easily switch between 14 different color themes
• Better visual organization with colors arranged by spectrum
• Improved UX with conventional dropdown menu instead of button layout
• Type-safe theme handling with derived TypeScript types
• Consistent color application across the entire UI

Created by GitHub Ace · View Channel