Cute Kuma

Cute CSS for Uptime Kuma status page with a simple and modern look
Live demo »

Features · Installation · Personalization

Features

• Simple and modern design, inspired by the pages of major monitoring services.
• Light and dark themes support.
• Removed the refresh timer (easily restored if needed).
• Clean and understandable code, easily customizable to fit your needs.

Installation

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. To restore it, simply comment display: none; in .refresh-info as shown here:

.refresh-info {
  /* display: none; */
  opacity: 1 !important;
  color: var(--secondary-color);
}