codingspiderfox / pvediscorddark Goto Github PK

PVEDiscordDark is a CSS 'theme' for the Proxmox Web UI. It was made with Discord's color scheme. Although ~99.8% (Psst, totally not a random percentage) of the Web UI has been darkened. There are some graphs that are still white because their background colors are defined in javascript, there is an experimental feature to change these.

You can check the 'previews' folder in the repo to check out how some stuff look (without the JS modification)

Can be installed two ways:

• Server-side
• Browser Extension

Server-side Installation:

1. Enter your PVE node shell..
2. wget https://raw.githubusercontent.com/Weilbyte/PVEDiscordDark/master/serverside/ddInstall.sh
3. Run ddInstall.sh with root/sudo.
4. Follow instructions given.
5. Done!

If you want the charts/gauges and other elements to be dark mode too please look here.

Browser Extension Installation:

1. Download a browser extension (such as Stylish) that allows you to change CSS styles
2. Follow extension-specific instructions to add custom style. For the style content paste in the contents of this file: https://raw.githubusercontent.com/Weilbyte/PVEDiscordDark/master/discordDark.css
3. Save style and enable it - and youre done.

Depending on how you installed it..

Server-side Uninstallation:

1. Enter your PVE node (the one you installed the theme on) shell...
2. wget https://raw.githubusercontent.com/Weilbyte/PVEDiscordDark/master/serverside/ddRemove.sh
3. Run ddRemove.sh with root/sudo.
4. Follow whatever instructions are given.
5. Done! Its gone!

Browser Extension Uninstallation: Just remove the style from the extension?

If youre using the installation script.. Make a backup of /usr/share/pve-manager/index.html.tpl. The script makes one anyways but make another one just to be sure

Awoo'ing on this repo is allowed.