Official DarkMode

[sterzy]

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!

 

[djsami]

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.

 

[djsami]

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.

 

[linux]

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.

Cheers!

 

[nikos]

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...