mirror of
https://github.com/ryankazokas/turbovault-app.git
synced 2026-04-16 22:12:53 +00:00
1.4 KiB
1.4 KiB
TurboVault Themes
Available Themes
TurboVault now supports 5 beautiful themes to customize your experience!
🎨 Theme Gallery
☀️ Light (Default)
- Clean, bright interface
- Easy on the eyes during daytime
- Classic Tailwind styling
🌙 Dark
- Modern dark mode
- Reduced eye strain in low light
- Sleek and professional
🌃 Midnight
- Deep blue tones
- Perfect for late-night gaming sessions
- Calm and immersive
🕹️ Retro
- Classic gaming aesthetic
- Brown and gold color scheme
- Nostalgic vibes
🌊 Ocean
- Blue and teal theme
- Fresh and vibrant
- Aquatic inspiration
How to Change Your Theme
- Go to Settings page
- Scroll to Theme section
- Click on your preferred theme card
- Click "Update Profile"
- Enjoy your new look! 🎉
Technical Details
- Themes are stored per-user in the database
- Applied via CSS classes on the
<body>tag - Works seamlessly with Turbo (no page reload needed)
- Default theme:
light
Adding New Themes
To add a new theme:
- Add validation in
app/models/user.rb - Add theme styles in
app/assets/stylesheets/themes.css - Add theme option in
app/views/users/settings.html.erb
Theme Persistence
Your theme preference is saved to your account and will persist across:
- Different browsers
- Different devices
- App restarts
Browser Support
Themes work in all modern browsers that support CSS custom properties and Tailwind CSS.