A collection of beautiful, customizable themes and layouts for Uptime Kuma status pages.
- Open your Uptime Kuma dashboard
- Go to Status Pages and select a status page
- Click the Edit Status Page button
- Scroll down to the Custom CSS section
- Copy the contents of your chosen theme from
themes/<theme-name>/index.cssor layout fromlayouts/<layout-name>/index.css - Paste it into the Custom CSS field
- Save
You can combine any theme with any layout by concatenating both CSS files:
/* First, paste the theme CSS */
/* themes/dracula/index.css content here */
/* Then, paste the layout CSS */
/* layouts/two-column/index.css content here */- Layouts
Dense, space-efficient layout for many monitors. Auto-fit grid with minimal padding.
Side-by-side monitor display. Forces exactly 2 columns on larger screens.
Maximum density grid layout. Forces 3 columns on large screens, 2 on medium.
Individual monitors as responsive cards. Auto-fit grid with centered content.
Clean, distraction-free design. Narrow container with thin heartbeat bars.
- Themes
Dark cinematic theme with orange accents.
Minimalist with soft, refined colors.
Soothing pastel theme (Mocha flavor).
Precision-engineered dark color scheme.
Retro groove with warm browns, oranges, and muted greens.
Arctic, bluish-grey inspired by polar nights.
Dark purple with vibrant pink, cyan, and green accents.
Deep blues inspired by Tokyo city lights.
Based on Atom's iconic One Dark theme.
The legendary Sublime Text classic.
Material Design-inspired purples and teals.
Retro 80s neon aesthetic with glow effects.
Nature-inspired green palette.
Japanese-aesthetic muted tones.
Soft, romantic, muted tones.
WCAG AAA accessible dark theme.
Official GitHub dark colors.
Optimized for night-time with accessible colors.
Warm oranges, purples, and pinks.
Clean, professional light theme.
Deep blues with vibrant accents.
Uses design elements found in Shadcn based UI libraries.
- Development Guide - Setting up the development environment, available scripts, mock server endpoints, and troubleshooting
- Contributing Guide - How to add new themes/layouts, code style guidelines, and PR requirements
MIT License - feel free to use these themes in your own projects!
- Uptime Kuma by Louis Lam
- brooksvb For reference code on the layouts on this gist
- Theme color palettes from their respective projects:
