In this tutorial we’ll change the theme of Proxmox VE 6.0. There are six themes you can choose from (in the image below from top left to bottom right):
Note: If you are logged in as
root on your Proxmox VE host, omit the
sudo part of the commands below.
Note: These are not supported features of Proxmox VE, so don’t attempt to contact the developers with questions about this. If you find Proxmox VE useful, consider subscribing for more stable packages and support.
git to get the themes from
$ sudo apt install -y git
Now, go to the directory of customizations (created in a previous article), and clone the
extjs repository on
$ cd /usr/share/custom/ $ sudo git clone git://git.proxmox.com/git/extjs.git
Add the required customizations to our customization script. On the second line, you select the theme, replace
theme-triton with the theme you want from above:
Finally, apply the customizations:
$ sudo /usr/share/custom/apply.sh
Custom Dark Theme
While the themes in this tutorial are default to Sencha Ext JS, Weilbyte has created a fantastic custom dark theme called PVEDiscordDark that covers almost all of the interface. With the
jsmod it even changes the color of the charts. Instructions for installation (and uninstallation) are in the GitHub repository. Great work! 😊
Design a Theme Yourself
The web interface in Proxmox VE 6.0 is based on Sencha Ext JS (using their “Classic” themes), and they have some resources on their site on how to create themes for it (and by extension Proxmox VE). Amazon has many great books on web design, web development and UX.
I hope you found this tutorial interesting and the new look of your Proxmox VE web interface refreshing! If you design or create your own theme, please send us an email and we’ll feature your theme on this site! 😊
2019-10-24 Added a section on Weilbyte’s dark theme.