https://github.com/dermv/cute-kuma
Cute CSS for Uptime Kuma status page with a simple and modern look
https://github.com/dermv/cute-kuma
uptime-kuma uptime-kuma-css
Last synced: 5 months ago
JSON representation
Cute CSS for Uptime Kuma status page with a simple and modern look
- Host: GitHub
- URL: https://github.com/dermv/cute-kuma
- Owner: dermv
- Created: 2025-01-19T17:54:24.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-06-09T16:07:09.000Z (5 months ago)
- Last Synced: 2025-06-09T17:24:00.611Z (5 months ago)
- Topics: uptime-kuma, uptime-kuma-css
- Language: CSS
- Homepage:
- Size: 328 KB
- Stars: 41
- Watchers: 1
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-starred - dermv/cute-kuma - Give your Uptime Kuma status page a cute and modern look with custom CSS (CSS)
README
Cute Kuma
Cute CSS for Uptime Kuma status page with a simple and modern look
Live demo »
Features
·
Install
·
Personalization
## Features
- Modern design: Inspired by top monitoring services
- Light and dark themes
- No refresh timer: Removed by default (optional restoration)
- Clean code: Easy to customize and extend
## Install
1. In your Uptime Kuma dashboard, navigate to status page.
2. Click `Edit Status Page`.
3. Scroll down to `Custom CSS`.
4. Copy the contents of `main.css` and paste it into the `Custom CSS` field.
5. Click `Save` at the bottom.
## Personalization
You can modify the values inside `:root {}` to fit your needs.
By default, the refresh timer is removed. Remove/comment `display: none;` in `.refresh-info` to restore visibility as shown here:
```
.refresh-info[data-v-b8247e57] {
/* display: none; */
opacity: 1;
margin-bottom: 0 !important;
}
```