Theme Modes
Experience different visual modes designed for various preferences and use cases. Switch between themes to see the design adapt in real-time.
Midnight Mode
Deep black with vibrant blue accents for a premium feel
Floating orbs
Glass morphism
SaaS-style effects
All Available Themes
Light Mode
Clean and bright interface perfect for daytime use
- High contrast
- Easy reading
- Professional look
Dark Mode
Easy on the eyes with reduced blue light
- Reduced eye strain
- Better for low light
- Modern aesthetic
Midnight Mode
Deep black with vibrant blue accents for a premium feel
- Floating orbs
- Glass morphism
- SaaS-style effects
System Mode
Automatically follows your system preference
- Auto switching
- Respects OS settings
- Seamless experience
Interactive Elements
Buttons
Code Block
const theme = 'midnight';
console.log(theme);Typography
Foreground Text
Muted Text
Primary Text