Custom CSS field on the Dashboard, like the status page. #3677

Open
opened 2026-02-28 03:37:32 -05:00 by deekerman · 4 comments
Owner

Originally created by @sysmin1 on GitHub (Oct 18, 2024).

I see users customizing their status page here, but no workaround for the other one:

🏷️ Feature Request Type

Status-page

🔖 Feature description

A way to customize the status page, like dashboard theming. I've found a nice project dedicated to custom CSS themes, which includes Uptime Kuma., and would love to implement them.

✔️ Solution

I'd like to discuss how to implement dashboard themes like the custom CSS field from the status page.

Alternatives

Manually downloading and storing the code like the default themes. Editing configuration files and replacing them with custom colors.

📝 Additional Context

My setup is a Proxmox Virtual Enviroment server, running a group of Linux containers with Debian 12. Then, Uptime Kuma was installed with this script.

Originally created by @sysmin1 on GitHub (Oct 18, 2024). ### 📑 I have found these related issues/pull requests I see users customizing their status page here, but no workaround for the other one: - #4278 - #3657 ### 🏷️ Feature Request Type Status-page ### 🔖 Feature description A way to customize the status page, like dashboard theming. I've found a [nice project](https://github.com/themepark-dev/theme.park) dedicated to [custom CSS themes, which includes Uptime Kuma.](https://docs.theme-park.dev/themes/uptime-kuma/), and would love to implement them. ### ✔️ Solution I'd like to discuss how to implement dashboard themes like the custom CSS field from the status page. ### ❓ Alternatives Manually downloading and storing the code like the default themes. Editing configuration files and replacing them with custom colors. ### 📝 Additional Context My setup is a [Proxmox Virtual Enviroment](https://www.proxmox.com/en/proxmox-virtual-environment/overview) server, running a group of Linux containers with Debian 12. Then, Uptime Kuma was installed with [this script](https://tteck.github.io/Proxmox/#uptime-kuma-lxc).
Author
Owner

@CommanderStorm commented on GitHub (Oct 18, 2024):

would love to implement them

I don't think that we can (in the long term) maintain more themes.
Adding a new theme means having to review designs in every theme we were to support.
=> Given the amount of people currently doing reviews, that won't work.

Lets get back to basics:
Why do you want an alternative theme in the admin UI?
Is there something, where our design is lacking, or is it just the colors?

@CommanderStorm commented on GitHub (Oct 18, 2024): > would love to implement them I don't think that we can (in the long term) maintain more themes. Adding a new theme means having to review designs in every theme we were to support. => Given the amount of people currently doing reviews, that won't work. Lets get back to basics: Why do you want an alternative theme in the admin UI? Is there something, where our design is lacking, or is it just the colors?
Author
Owner

@sysmin1 commented on GitHub (Oct 21, 2024):

Uptime Kuma is great to provide monitoring to the clients I work with. Theming the pages with the company's colors would be the icing on the cake, but it's ok if it's not a planned feature.

Still, thank you very much, checking Weblate now for contributions, I could help with some proposed translations too.

@sysmin1 commented on GitHub (Oct 21, 2024): Uptime Kuma is great to provide monitoring to the clients I work with. Theming the pages with the company's colors would be the icing on the cake, but it's ok if it's not a planned feature. Still, thank you very much, checking Weblate now for contributions, I could help with some proposed translations too.
Author
Owner

@nneul commented on GitHub (Dec 24, 2024):

I'll pile on here that I'd like this functionality as well, but really just for one aspect -- there's too much whitespace. I much prefer a denser layout on apps - in particular in the monitor list on the left pane. Having a place to easily inject some css for that would be great.

@nneul commented on GitHub (Dec 24, 2024): I'll pile on here that I'd like this functionality as well, but really just for one aspect -- there's too much whitespace. I much prefer a denser layout on apps - in particular in the monitor list on the left pane. Having a place to easily inject some css for that would be great.
Author
Owner

@sysmin1 commented on GitHub (Dec 29, 2024):

I don't know your use case @nneul, but it's for a personal user, custom CSS through Violent Monkey could be a way to change it. I couldn't ask clients to make do with this, but it's not critical at all.

On another point, merry Christmas! Hope the new year goes well :)

@sysmin1 commented on GitHub (Dec 29, 2024): I don't know your use case @nneul, but it's for a personal user, custom CSS through [Violent Monkey](https://violentmonkey.github.io/) could be a way to change it. I couldn't ask clients to make do with this, but it's not critical at all. On another point, merry Christmas! Hope the new year goes well :)
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#3677
No description provided.