Themes
Transform the visual appearance of your status page with professionally designed themes. Choose from modern, clean designs that match your brand identity.
Available Themes
LIVCK includes three professionally designed themes. Newer themes receive the latest features first, with updates gradually rolled out to older themes.
Eclipse Theme
Our newest and most advanced theme with striking modern design.
Released: v1.4.0 (March 2025)
Features:
- ✅ Latest features and updates
- ✅ Modern visual design
- ✅ Advanced animations
- ✅ Dark & light mode
- ✅ Premium UI elements
- ✅ Distinguished layout
Eclipse is the newest theme and receives all new features first. Recommended for the best experience with latest LIVCK capabilities.
Inception Theme
A modern theme inspired by LIVCK's original design - back to the roots.
Released: v1.2.35 (December 2021)
Features:
- ✅ Enhanced visual depth
- ✅ Refined typography
- ✅ Smooth transitions
- ✅ Dark & light mode
- ⚠️ New features added after older features are implemented
Basic Theme
The original LIVCK theme with a clean, straightforward design.
Released: Initial LIVCK version
Features:
- ✅ Clean, simple design
- ✅ Responsive layout
- ✅ Dark & light mode
- ⚠️ New features added last (after Eclipse and Inception)
Switching Themes
To change your status page theme:
- Log in to LIVCK admin panel
- Navigate to Settings → Theme
- Browse available themes
- Click on the theme you want to activate
- Click Save to apply changes
Your status page will immediately reflect the new theme after refreshing the page.
Theme Features
Responsive Design
All themes are fully responsive and work seamlessly across:
- Desktop browsers
- Tablets
- Mobile devices
- Different screen sizes
Dark Mode Support
Every theme includes automatic dark mode support:
- Detects user's system preference
- Smooth theme transitions
- Optimized contrast for readability
- Consistent branding across modes
Customization
While themes provide a complete design foundation, you can further customize:
- Logo and branding
- Colors and accents
- Custom CSS (if enabled)
- Fonts and typography
See Customization & Branding for detailed customization options.
Choosing the Right Theme
Recommendation
Eclipse Theme (Newest)
- Recommended for most users
- Gets all new features first
- Modern design with latest capabilities
- Best overall experience
Inception Theme
- Good alternative if Eclipse doesn't fit your brand
- Receives updates after Eclipse
- Established design since 2021
Basic Theme
- Simplest, most minimal option
- Receives updates last
- Use only if simplicity is your priority
Feature Availability
New LIVCK features are rolled out in this order:
- Eclipse - Gets new features first
- Inception - Gets new features second
- Basic - Gets new features last
If you want access to the latest capabilities, choose Eclipse.
Performance
All themes are optimized for performance:
- ✅ Fast loading times
- ✅ Minimal CSS overhead
- ✅ Optimized animations
- ✅ No external dependencies
- ✅ CDN-ready assets
Best Practices
Preview Before Applying
Always preview a theme before applying it to your live status page. Check:
- Color contrast and readability
- Logo visibility
- Mobile responsiveness
- Dark mode appearance
Test With Real Data
View the theme with:
- Active monitors
- Different status states (operational, degraded, outage)
- Historical uptime graphs
- Incident notifications
Consider Accessibility
Ensure your chosen theme maintains:
- Sufficient color contrast (WCAG AA compliance)
- Readable font sizes
- Clear status indicators
- Screen reader compatibility
Troubleshooting
Theme Not Applying
- Clear browser cache and refresh
- Check that settings were saved
- Verify no custom CSS is overriding theme styles
- Try a different browser to rule out cache issues
Visual Issues After Theme Change
- Hard refresh the page (Ctrl+Shift+R or Cmd+Shift+R)
- Clear browser cache completely
- Check custom CSS for conflicts
- Verify logo/images are compatible with new theme
Dark Mode Not Working
- Check browser/system dark mode settings
- Verify theme supports dark mode (all LIVCK themes do)
- Clear cache and reload
- Test in incognito/private browsing mode
Additional Resources
- Customization & Branding - Further customize your theme
- Private Page - Secure your status page