Skip to content

Instantly share code, notes, and snippets.

@CompeyDev
Created October 31, 2025 11:30
Show Gist options
  • Save CompeyDev/d98d2d4ba069a50f6038a7c1fd7a7d79 to your computer and use it in GitHub Desktop.
Save CompeyDev/d98d2d4ba069a50f6038a7c1fd7a7d79 to your computer and use it in GitHub Desktop.
Catppuccin theming for Uptime Kuma (please tell me if I missed something!)
.bg-primary {
background-color: #8839ef !important;
}
.hp-bar-big .beat {
background-color: #8839ef !important;
}
.hp-bar-big .beat.down {
background-color: #d20f39 !important;
}
.hp-bar-big .beat.maintenance {
background-color: #ccd0da !important;
}
.hp-bar-big .beat.pending {
background-color: #df8e1d !important;
}
.overall-status .ok {
color: #40a02b !important;
}
.dark .status-maintenance {
color: #dd7878;
}
.dark {
background-color: #1e1e2e !important;
color: #cdd6f4 !important;
}
.dark .shadow-box {
background-color: #313244;
}
.dark .shadow-box:not(.alert) {
background-color: #313244;
}
.dark .bg-primary {
background-color: #cba6f7 !important;
}
.dark .hp-bar-big .beat {
background-color: #cba6f7 !important;
}
.dark .hp-bar-big .beat.down {
background-color: #f38ba8 !important;
}
.dark .hp-bar-big .beat.maintenance {
background-color:#fab387 !important;
}
.dark .hp-bar-big .beat.pending {
background-color: #f9e2af !important;
}
.overall-status .ok {
color: #a6e3a1 !important;
}
.dark .status-maintenance {
color: #f2cdcd;
}
.bg-maintenance {
background-color: #fe640b !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment