Dark Mode for Kuma? #78

Closed
opened 2026-02-28 01:34:06 -05:00 by deekerman · 8 comments
Owner

Originally created by @ctrlbrk42 on GitHub (Aug 2, 2021).

I didn't see this listed elsewhere. I would appreciate offering a dark mode, please :)

If anyone else agrees, feel free to upvote.

Originally created by @ctrlbrk42 on GitHub (Aug 2, 2021). I didn't see this listed elsewhere. I would appreciate offering a dark mode, please :) If anyone else agrees, feel free to upvote.
deekerman 2026-02-28 01:34:06 -05:00
Author
Owner

@Panja0 commented on GitHub (Aug 2, 2021):

It's already mentioned in https://github.com/louislam/uptime-kuma/issues/21

Dark mode: based on system settings (thx @LeviSnoot)

@Panja0 commented on GitHub (Aug 2, 2021): It's already mentioned in https://github.com/louislam/uptime-kuma/issues/21 _Dark mode: based on system settings (thx @LeviSnoot)_
Author
Owner

@philippdormann commented on GitHub (Aug 2, 2021):

already did a PR for this at https://github.com/louislam/uptime-kuma/pull/32 which unfortunately had some issues in lightmode

my fork currently is not up to date, still has a working darkmode tho.

in #32 Louis stated he wants

that users can choose light/dark theme in the settings

In my opinion, the darkmode should be based on system settings via prefers-color-scheme media query
I guess we can vote via GitHub reactions

  • for application preferences (👍)
  • vs
  • system settings via prefers-color-scheme (♥)
@philippdormann commented on GitHub (Aug 2, 2021): already did a PR for this at https://github.com/louislam/uptime-kuma/pull/32 which unfortunately had some issues in lightmode my fork currently is not up to date, still has a working darkmode tho. in #32 Louis stated he wants > that users can choose light/dark theme in the settings In my opinion, the darkmode should be based on system settings via `prefers-color-scheme` media query I guess we can vote via GitHub reactions - **for application preferences (👍)** - vs - **system settings via `prefers-color-scheme` (♥)**
Author
Owner

@LeviSnoot commented on GitHub (Aug 2, 2021):

Ideally we could have both, I've seen a number of websites have the options of Light, Dark and Auto.

@LeviSnoot commented on GitHub (Aug 2, 2021): Ideally we could have both, I've seen a number of websites have the options of `Light`, `Dark` and `Auto`.
Author
Owner

@Panja0 commented on GitHub (Aug 2, 2021):

I'm with @LeviSnoot in this one! Light, Dark and auto would be great.

@Panja0 commented on GitHub (Aug 2, 2021): I'm with @LeviSnoot in this one! Light, Dark and auto would be great.
Author
Owner

@moquito64 commented on GitHub (Aug 2, 2021):

I like to have options as well.

@moquito64 commented on GitHub (Aug 2, 2021): I like to have options as well.
Author
Owner

@chakflying commented on GitHub (Aug 2, 2021):

Per this reference we can switch to a js & css class based approach, and get the prefers-color-scheme on load. We can then combine that with a setting set by the user.

@chakflying commented on GitHub (Aug 2, 2021): Per [this](https://css-tricks.com/a-complete-guide-to-dark-mode-on-the-web/#using-javascript-local-storage) reference we can switch to a js & css class based approach, and get the `prefers-color-scheme` on load. We can then combine that with a setting set by the user.
Author
Owner

@louislam commented on GitHub (Aug 3, 2021):

I put this request to the next milestone. Will try to improve @philippdormann 's dark theme code.

@louislam commented on GitHub (Aug 3, 2021): I put this request to the next milestone. Will try to improve @philippdormann 's dark theme code.
Author
Owner

@louislam commented on GitHub (Aug 8, 2021):

image

Will be available in the next release.

@louislam commented on GitHub (Aug 8, 2021): ![image](https://user-images.githubusercontent.com/1336778/128622302-ae86f812-5415-42f4-8aca-3fed8927a77b.png) Will be available in the next release.
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/uptime-kuma#78
No description provided.