uptime-kuma-themes

KO | EN

gitlite — search

#react #typescript #llm #go #rust #deep-learning #linux #docker #macos #nodejs #java #windows #pytorch #security

uptime-kuma-themes

(★ 174)

A collection of Uptime Kuma Themes

uptime-kuma-themes 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Uptime Kuma Themes

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
[![Bun](https://img.shields.io/badge/Bun-%23000000.svg?style=flat&logo=bun&logoColor=white)](https://bun.sh)
[![TypeScript](https://img.shields.io/badge/TypeScript-007ACC?style=flat&logo=typescript&logoColor=white)](https://www.typescriptlang.org/)
[![Docker](https://img.shields.io/badge/Docker-2496ED?style=flat&logo=docker&logoColor=white)](https://www.docker.com/)
[![Uptime Kuma](https://img.shields.io/badge/Uptime%20Kuma-5CDD8B?style=flat&logo=uptime-kuma&logoColor=white)](https://github.com/louislam/uptime-kuma)

A collection of beautiful, customizable themes and layouts for [Uptime Kuma](https://github.com/louislam/uptime-kuma) status pages.

---

## Table of Contents

- [Usage](#usage)
- [Layouts](#layouts)
- [Themes](#themes)
- [Documentation](#documentation)
- [License](#license)
- [Acknowledgments](#acknowledgments)

---

## Usage

### Applying a Theme or Layout

1. Open your Uptime Kuma dashboard
2. Go to **Status Pages** and select a status page
3. Click the **Edit Status Page** button
4. Scroll down to the **Custom CSS** section
5. Copy the contents of your chosen theme from `themes/<theme-name>/index.css` or layout from `layouts/<layout-name>/index.css`
6. Paste it into the Custom CSS field
7. Save

### Combining Theme + Layout

You can combine any theme with any layout by concatenating both CSS files:

```css
/* First, paste the theme CSS */
/* themes/dracula/index.css content here */

/* Then, paste the layout CSS */
/* layouts/two-column/index.css content here */
```

---

## Layouts

- Layouts
  - [Compact](#compact)
  - [Two-Column](#two-column)
  - [Three-Column](#three-column)
  - [Cards Grid](#cards-grid)
  - [Minimal](#minimal)

---

### Compact

Dense, space-efficient layout for many monitors. Auto-fit grid with minimal padding.

![Compact Layout](https://raw.githubusercontent.com/pacholoamit/uptime-kuma-themes/main/layouts/compact/default.png)

[View CSS](./layouts/compact/index.css)

---

### Two-Column

Side-by-side monitor display. Forces exactly 2 columns on larger screens.

![Two-Column Layout](https://raw.githubusercontent.com/pacholoamit/uptime-kuma-themes/main/layouts/two-column/default.png)

[View CSS](./layouts/two-column/index.css)

---

### Three-Column

Maximum density grid layout. Forces 3 columns on large screens, 2 on medium.

![Three-Column Layout](https://raw.githubusercontent.com/pacholoamit/uptime-kuma-themes/main/layouts/three-column/default.png)

[View CSS](./layouts/three-column/index.css)

---

### Cards Grid

Individual monitors as responsive cards. Auto-fit grid with centered content.

![Cards Grid Layout](https://raw.githubusercontent.com/pacholoamit/uptime-kuma-themes/main/layouts/cards-grid/default.png)

[View CSS](./layouts/cards-grid/index.css)

---

### Minimal

Clean, distraction-free design. Narrow container with thin heartbeat bars.

![Minimal Layout](https://raw.githubusercontent.com/pacholoamit/uptime-kuma-themes/main/layouts/minimal/default.png)

[View CSS](./layouts/minimal/index.css)

---

## Themes

- Themes
  - [Lumina](#lumina)
  - [Ayu](#ayu)
  - [Catppuccin](#catppuccin)
  - [Solarized](#solarized)
  - [Gruvbox](#gruvbox)
  - [Nord](#nord)
  - [Dracula](#dracula)
  - [Tokyo Night](#tokyo-night)
  - [One Dark Pro](#one-dark-pro)
  - [Monokai](#monokai)
  - [Palenight](#palenight)
  - [Synthwave '84](#synthwave-84)
  - [Everforest](#everforest)
  - [Kanagawa](#kanagawa)
  - [Rosé Pine](#rosé-pine)
  - [Modus Vivendi](#modus-vivendi)
  - [GitHub Dark](#github-dark)
  - [Night Owl](#night-owl)
  - [Horizon](#horizon)
  - [One Light](#one-light)
  - [Moonlight](#moonlight)
  - [Cute Kuma](#cute-kuma)

---

### Lumina

Dark cinematic theme with orange accents.

![Lumina Theme](https://raw.githubusercontent.com/pacholoamit/uptime-kuma-themes/main/themes/lumina/default.png)

[View CSS](./themes/lumina/index.css)

---

### Ayu

Minimalist with soft, refined colors.

![Ayu Theme](https://raw.githubusercontent.com/pacholoamit/uptime-kuma-themes/main/themes/ayu/default.png)

[View CSS](./themes/ayu/index.css)

---

### Catppuccin

Soothing pastel theme (Mocha flavor).

![Catppuccin Theme](https://raw.githubusercontent.com/pacholoamit/uptime-kuma-themes/main/themes/catppuccin/default.png)

[View CSS](./themes/catppuccin/index.css)

---

### Solarized

Precision-engineered dark color scheme.

![Solarized Theme](https://raw.githubusercontent.com/pacholoamit/uptime-kuma-themes/main/themes/solarized/default.png)

[View CSS](./themes/solarized/index.css)

---

### Gruvbox

Retro groove with warm browns, oranges, and muted greens.

![Gruvbox Theme](https://raw.githubusercontent.com/pacholoamit/uptime-kuma-themes/main/themes/gruvbox/default.png)

[View CSS](./themes/gruvbox/index.css)

---

### Nord

Arctic, bluish-grey inspired by polar nights.

![Nord Theme](https://raw.githubusercontent.com/pacholoamit/uptime-kuma-themes/main/themes/nord/default.png)

[View CSS](./themes/nord/index.css)

---

### Dracula

Dark purple with vibrant pink, cyan, and green accents.

![Dracula Theme](https://raw.githubusercontent.com/pacholoamit/uptime-kuma-themes/main/themes/dracula/default.png)

[View CSS](./themes/dracula/index.css)

---

### Tokyo Night

Deep blues inspired by Tokyo city lights.

![Tokyo Night Theme](https://raw.githubusercontent.com/pacholoamit/uptime-kuma-themes/main/themes/tokyo-night/default.png)

[View CSS](./themes/tokyo-night/index.css)

---

### One Dark Pro

Based on Atom's iconic One Dark theme.

![One Dark Pro Theme](https://raw.githubusercontent.com/pacholoamit/uptime-kuma-themes/main/themes/one-dark-pro/default.png)

[View CSS](./themes/one-dark-pro/index.css)

---

### Monokai

The legendary Sublime Text classic.

![Monokai Theme](https://raw.githubusercontent.com/pacholoamit/uptime-kuma-themes/main/themes/monokai/default.png)

[View CSS](./themes/monokai/index.css)

---

### Palenight

Material Design-inspired purples and teals.

![Palenight Theme](https://raw.githubusercontent.com/pacholoamit/uptime-kuma-themes/main/themes/palenight/default.png)

[View CSS](./themes/palenight/index.css)

---

### Synthwave '84

Retro 80s neon aesthetic with glow effects.

![Synthwave '84 Theme](https://raw.githubusercontent.com/pacholoamit/uptime-kuma-themes/main/themes/synthwave-84/default.png)

[View CSS](./themes/synthwave-84/index.css)

---

### Everforest

Nature-inspired green palette.

![Everforest Theme](https://raw.githubusercontent.com/pacholoamit/uptime-kuma-themes/main/themes/everforest/default.png)

[View CSS](./themes/everforest/index.css)

---

### Kanagawa

Japanese-aesthetic muted tones.

![Kanagawa Theme](https://raw.githubusercontent.com/pacholoamit/uptime-kuma-themes/main/themes/kanagawa/default.png)

[View CSS](./themes/kanagawa/index.css)

---

### Rosé Pine

Soft, romantic, muted tones.

![Rosé Pine Theme](https://raw.githubusercontent.com/pacholoamit/uptime-kuma-themes/main/themes/rose-pine/default.png)

[View CSS](./themes/rose-pine/index.css)

---

### Modus Vivendi

WCAG AAA accessible dark theme.

![Modus Vivendi Theme](https://raw.githubusercontent.com/pacholoamit/uptime-kuma-themes/main/themes/modus-vivendi/default.png)

[View CSS](./themes/modus-vivendi/index.css)

---

### GitHub Dark

Official GitHub dark colors.

![GitHub Dark Theme](https://raw.githubusercontent.com/pacholoamit/uptime-kuma-themes/main/themes/github-dark/default.png)

[View CSS](./themes/github-dark/index.css)

---

### Night Owl

Optimized for night-time with accessible colors.

![Night Owl Theme](https://raw.githubusercontent.com/pacholoamit/uptime-kuma-themes/main/themes/night-owl/default.png)

[View CSS](./themes/night-owl/index.css)

---

### Horizon

Warm oranges, purples, and pinks.

![Horizon Theme](https://raw.githubusercontent.com/pacholoamit/uptime-kuma-themes/main/themes/horizon/default.png)

[View CSS](./themes/horizon/index.css)

---

### One Light

Clean, professional light theme.

![One Light Theme](https://raw.githubusercontent.com/pacholoamit/uptime-kuma-themes/main/themes/one-light/default.png)

[View CSS](./themes/one-light/index.css)

---

### Moonlight

Deep blues with vibrant accents.

![Moonlight Theme](https://raw.githubusercontent.com/pacholoamit/uptime-kuma-themes/main/themes/moonlight/default.png)

[View CSS](./themes/moonlight/index.css)

---

### Cute Kuma

Uses design elements found in Shadcn based UI libraries.

![Cute Kuma](https://raw.githubusercontent.com/pacholoamit/uptime-kuma-themes/main/themes/cute-kuma/default.png)

[View CSS](./themes/cute-kuma/index.css)

---

### Onyx Kuma

Sleek, minimal dark interface with refined contrast.

![Onyx Kuma](https://raw.githubusercontent.com/pacholoamit/uptime-kuma-themes/main/themes/onyx-kuma/default.png)

[View CSS](./themes/onyx-kuma/index.css)

---

## Documentation

- [Development Guide](./docs/DEVELOPMENT.md) - Setting up the development environment, available scripts, mock server endpoints, and troubleshooting
- [Contributing Guide](./docs/CONTRIBUTING.md) - How to add new themes/layouts, code style guidelines, and PR requirements

## License

MIT License - feel free to use these themes in your own projects!

## Acknowledgments

- [Uptime Kuma](https://github.com/louislam/uptime-kuma) by Louis Lam
- [brooksvb](https://github.com/brooksvb) For reference code on the layouts on this [gist](https://gist.github.com/brooksvb/78a54355151a18477e33c224177dc5fa)
- Theme color palettes from their respective projects:
  - [Gruvbox](https://github.com/morhetz/gruvbox)
  - [Catppuccin](https://github.com/catppuccin/catppuccin)
  - [Nord](https://www.nordtheme.com)
  - [Dracula](https://draculatheme.com)
  - [And more...](#themes)

uptime-kuma-themes

uptime-kuma-themes 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

uptime-kuma-themes

uptime-kuma-themes 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README