Official DarkMode

People with dyslexia can struggle to track across lines of text, having the alternating line colours makes it a lot easier to do and reduces visual stress (as does dark mode).
As a dyslexic person myself: yes that, exactly!
 
  • Like
Reactions: PyroTech_Ninja
Works fine here:
View attachment 54919

Ensure that you have fully reloaded the web UI with clearing caches, e.g., using CTRL + SHIFT + R, or for macOS + Alt + R.

If that still doesn't help, please post your full pveversion -v output (or copy it from the web UI: Node -> Summary -> Package Versions button) and tell us what browser/version you use.
just fixed :)
I deleted the chrome cache.
 
That does not look like our official dark mode. The colors in the header look more like Discord Dark [1]. We do not officially support Discord Dark, and our dark mode does break the way Discord Dark styles graphs (see [2]). So if you are using Discord Dark (or installed that previously) make sure to fully remove it. Then switch to the dark color theme via our theme picker and fully reload the website as described by @t.lamprecht.

[1]: https://github.com/Weilbyte/PVEDiscordDark
[2]: https://github.com/Weilbyte/PVEDiscordDark/issues/160
hi yes, i was using proxmox 7.4, that's what happened when i updated 8.0.5 :) then i realized.
 
Hi there,

Looking at your forum in dark mode, it's gorgeous with the orange outlines used cleverly in a primary/secondary context against the black/dark.

Whereas in the Proxmox software packages, this isn't the case - orange is hardly used. Could this be expanded in PVE 8.1?

I would say that you could even do with adding more orange into the light mode, but that's for later. :p

Cheers!
 
I enjoyed the dark theme but wanted the background to be completely black.
The current background colour CSS value is #262626.
I patched the file (/usr/share/javascript/proxmox-widget-toolkit/themes/theme-proxmox-dark.css) and replaced that value with #000

It seems to work just fine; see attached image.
I've attached a copy of the modified CSS file. Please note that you should back up the original file first!!!

I hope this is of use to someone...
 

Attachments

  • proxmox.png
    proxmox.png
    83.6 KB · Views: 26
  • theme-proxmox-dark.zip
    3.5 KB · Views: 5
Last edited:
  • Like
Reactions: Darkk

About

The Proxmox community has been around for many years and offers help and support for Proxmox VE, Proxmox Backup Server, and Proxmox Mail Gateway.
We think our community is one of the best thanks to people like you!

Get your subscription!

The Proxmox team works very hard to make sure you are running the best software and getting stable updates and security enhancements, as well as quick enterprise support. Tens of thousands of happy customers have a Proxmox subscription. Get yours easily in our online shop.

Buy now!