402 lines
11 KiB
Markdown
402 lines
11 KiB
Markdown
# ProxMorph Theme Gallery
|
|
|
|
Complete gallery of all available ProxMorph themes for Proxmox VE, PBS, and PDM.
|
|
|
|
**Quick Links:** [Installation](README.md#-installation) | [Creating Themes](README.md#-creating-themes) | [Troubleshooting](README.md#-troubleshooting)
|
|
|
|
> **PVE/PBS** screenshots are shown first, followed by the [PDM gallery](#proxmox-datacenter-manager-pdm).
|
|
|
|
---
|
|
|
|
## Catppuccin Collection
|
|
|
|
Soothing pastel themes based on the [Catppuccin](https://github.com/catppuccin/catppuccin) color palette.
|
|
|
|
<table>
|
|
<tr>
|
|
<td width="50%" align="center">
|
|
<h3>Catppuccin Mocha</h3>
|
|
<img src="screenshots/catppuccin-mocha.png" alt="Catppuccin Mocha Theme" width="100%">
|
|
<br>
|
|
<i>Darkest Catppuccin flavor — deep warm tones with mauve accent</i>
|
|
</td>
|
|
<td width="50%" align="center">
|
|
<h3>Catppuccin Mocha Teal</h3>
|
|
<img src="screenshots/catppuccin-mocha-teal.png" alt="Catppuccin Mocha Teal Theme" width="100%">
|
|
<br>
|
|
<i>Mocha palette with teal accent</i>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="50%" align="center">
|
|
<h3>Catppuccin Macchiato</h3>
|
|
<img src="screenshots/catppuccin-macchiato.png" alt="Catppuccin Macchiato Theme" width="100%">
|
|
<br>
|
|
<i>Mid-dark Catppuccin flavor with blue-tinted base</i>
|
|
</td>
|
|
<td width="50%" align="center">
|
|
<h3>Catppuccin Frappé</h3>
|
|
<img src="screenshots/catppuccin-frappe.png" alt="Catppuccin Frappé Theme" width="100%">
|
|
<br>
|
|
<i>Lightest dark Catppuccin flavor with muted blue base</i>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="50%" align="center">
|
|
<h3>Catppuccin Latte</h3>
|
|
<img src="screenshots/catppuccin-latte.png" alt="Catppuccin Latte Theme" width="100%">
|
|
<br>
|
|
<i>Official light variant — warm off-white with purple accent</i>
|
|
</td>
|
|
<td width="50%"></td>
|
|
</tr>
|
|
</table>
|
|
|
|
---
|
|
|
|
## Dracula Collection
|
|
|
|
Dark themes based on the iconic [Dracula](https://draculatheme.com/) color scheme.
|
|
|
|
<table>
|
|
<tr>
|
|
<td width="50%" align="center">
|
|
<h3>Dracula</h3>
|
|
<img src="screenshots/dracula.png" alt="Dracula Theme" width="100%">
|
|
<br>
|
|
<i>Classic Dracula dark with purple accent</i>
|
|
</td>
|
|
<td width="50%" align="center">
|
|
<h3>Dracula Midnight</h3>
|
|
<img src="screenshots/dracula-midnight.png" alt="Dracula Midnight Theme" width="100%">
|
|
<br>
|
|
<i>Near-black backgrounds from the Dracula UI spec</i>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="50%" align="center">
|
|
<h3>Dracula Pink</h3>
|
|
<img src="screenshots/dracula-pink.png" alt="Dracula Pink Theme" width="100%">
|
|
<br>
|
|
<i>Dracula palette with pink accent</i>
|
|
</td>
|
|
<td width="50%" align="center">
|
|
<h3>Dracula Cyan</h3>
|
|
<img src="screenshots/dracula-cyan.png" alt="Dracula Cyan Theme" width="100%">
|
|
<br>
|
|
<i>Dracula palette with cyan accent</i>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="50%" align="center">
|
|
<h3>Dracula Green</h3>
|
|
<img src="screenshots/dracula-green.png" alt="Dracula Green Theme" width="100%">
|
|
<br>
|
|
<i>Forest-tinted backgrounds with green accent</i>
|
|
</td>
|
|
<td width="50%" align="center">
|
|
<h3>Dracula Orange</h3>
|
|
<img src="screenshots/dracula-orange.png" alt="Dracula Orange Theme" width="100%">
|
|
<br>
|
|
<i>Warm-tinted backgrounds with orange accent</i>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
---
|
|
|
|
## Nord Collection
|
|
|
|
Arctic, bluish-cold themes based on the [Nord](https://www.nordtheme.com/) color palette.
|
|
|
|
<table>
|
|
<tr>
|
|
<td width="50%" align="center">
|
|
<h3>Nord Dark</h3>
|
|
<img src="screenshots/nord-dark.png" alt="Nord Dark Theme" width="100%">
|
|
<br>
|
|
<i>Arctic dark palette with polar blue accent</i>
|
|
</td>
|
|
<td width="50%" align="center">
|
|
<h3>Nord Light</h3>
|
|
<img src="screenshots/nord-light.png" alt="Nord Light Theme" width="100%">
|
|
<br>
|
|
<i>Snow-bright variant with frost blue tones</i>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
---
|
|
|
|
## Gruvbox Collection
|
|
|
|
Retro groove themes based on the warm [Gruvbox](https://github.com/morhetz/gruvbox) palette.
|
|
|
|
<table>
|
|
<tr>
|
|
<td width="50%" align="center">
|
|
<h3>Gruvbox Dark</h3>
|
|
<img src="screenshots/gruvbox-dark.png" alt="Gruvbox Dark Theme" width="100%">
|
|
<br>
|
|
<i>Warm retro groove colors with yellow accent</i>
|
|
</td>
|
|
<td width="50%" align="center">
|
|
<h3>Gruvbox Light</h3>
|
|
<img src="screenshots/gruvbox-light.png" alt="Gruvbox Light Theme" width="100%">
|
|
<br>
|
|
<i>Soft sepia variant with earthy tones</i>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
---
|
|
|
|
## Solarized Collection
|
|
|
|
Precision colors designed for machines and humans, based on [Solarized](https://ethanschoonover.com/solarized/).
|
|
|
|
<table>
|
|
<tr>
|
|
<td width="50%" align="center">
|
|
<h3>Solarized Dark</h3>
|
|
<img src="screenshots/solarized-dark.png" alt="Solarized Dark Theme" width="100%">
|
|
<br>
|
|
<i>Dark variant with cyan/blue accent</i>
|
|
</td>
|
|
<td width="50%" align="center">
|
|
<h3>Solarized Light</h3>
|
|
<img src="screenshots/solarized-light.png" alt="Solarized Light Theme" width="100%">
|
|
<br>
|
|
<i>Cream-colored light variant</i>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
---
|
|
|
|
## Tokyo Night
|
|
|
|
<table>
|
|
<tr>
|
|
<td width="50%" align="center">
|
|
<h3>Tokyo Night</h3>
|
|
<img src="screenshots/tokyo-night.png" alt="Tokyo Night Theme" width="100%">
|
|
<br>
|
|
<i>Dark theme inspired by Tokyo's neon lights</i>
|
|
</td>
|
|
<td width="50%"></td>
|
|
</tr>
|
|
</table>
|
|
|
|
---
|
|
|
|
## UniFi Collection
|
|
|
|
Clean, modern themes inspired by the [Ubiquiti UniFi](https://ui.com/) Network Application interface.
|
|
|
|
<table>
|
|
<tr>
|
|
<td width="50%" align="center">
|
|
<h3>UniFi</h3>
|
|
<img src="screenshots/unifi.png" alt="UniFi Theme" width="100%">
|
|
<br>
|
|
<i>Dark theme inspired by Ubiquiti UniFi Network Application</i>
|
|
</td>
|
|
<td width="50%" align="center">
|
|
<h3>UniFi Light</h3>
|
|
<img src="screenshots/unifi-light.png" alt="UniFi Light Theme" width="100%">
|
|
<br>
|
|
<i>Light variant with clean white surfaces and blue accent</i>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
---
|
|
|
|
## Other Themes
|
|
|
|
<table>
|
|
<tr>
|
|
<td width="50%" align="center">
|
|
<h3>GitHub Dark</h3>
|
|
<img src="screenshots/github-dark.png" alt="GitHub Dark Theme" width="100%">
|
|
<br>
|
|
<i>Based on GitHub Dark Dimmed theme</i>
|
|
</td>
|
|
<td width="50%" align="center">
|
|
<h3>Blue Slate</h3>
|
|
<img src="screenshots/blue-slate.png" alt="Blue Slate Theme" width="100%">
|
|
<br>
|
|
<i>Cool blue-gray tones with slate accent</i>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
---
|
|
|
|
## Proxmox Datacenter Manager (PDM)
|
|
|
|
All themes are also available for Proxmox Datacenter Manager 1.x.
|
|
|
|
### PDM — Catppuccin Collection
|
|
|
|
<table>
|
|
<tr>
|
|
<td width="50%" align="center">
|
|
<h3>Catppuccin Mocha</h3>
|
|
<img src="screenshots/pdm-catppuccin-mocha.png" alt="PDM Catppuccin Mocha Theme" width="100%">
|
|
</td>
|
|
<td width="50%" align="center">
|
|
<h3>Catppuccin Mocha Teal</h3>
|
|
<img src="screenshots/pdm-catppuccin-mocha-teal.png" alt="PDM Catppuccin Mocha Teal Theme" width="100%">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="50%" align="center">
|
|
<h3>Catppuccin Macchiato</h3>
|
|
<img src="screenshots/pdm-catppuccin-macchiato.png" alt="PDM Catppuccin Macchiato Theme" width="100%">
|
|
</td>
|
|
<td width="50%" align="center">
|
|
<h3>Catppuccin Frappé</h3>
|
|
<img src="screenshots/pdm-catppuccin-frappe.png" alt="PDM Catppuccin Frappé Theme" width="100%">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="50%" align="center">
|
|
<h3>Catppuccin Latte</h3>
|
|
<img src="screenshots/pdm-catppuccin-latte.png" alt="PDM Catppuccin Latte Theme" width="100%">
|
|
</td>
|
|
<td width="50%"></td>
|
|
</tr>
|
|
</table>
|
|
|
|
### PDM — Dracula Collection
|
|
|
|
<table>
|
|
<tr>
|
|
<td width="50%" align="center">
|
|
<h3>Dracula</h3>
|
|
<img src="screenshots/pdm-dracula.png" alt="PDM Dracula Theme" width="100%">
|
|
</td>
|
|
<td width="50%" align="center">
|
|
<h3>Dracula Midnight</h3>
|
|
<img src="screenshots/pdm-dracula-midnight.png" alt="PDM Dracula Midnight Theme" width="100%">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="50%" align="center">
|
|
<h3>Dracula Pink</h3>
|
|
<img src="screenshots/pdm-dracula-pink.png" alt="PDM Dracula Pink Theme" width="100%">
|
|
</td>
|
|
<td width="50%" align="center">
|
|
<h3>Dracula Cyan</h3>
|
|
<img src="screenshots/pdm-dracula-cyan.png" alt="PDM Dracula Cyan Theme" width="100%">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="50%" align="center">
|
|
<h3>Dracula Green</h3>
|
|
<img src="screenshots/pdm-dracula-green.png" alt="PDM Dracula Green Theme" width="100%">
|
|
</td>
|
|
<td width="50%" align="center">
|
|
<h3>Dracula Orange</h3>
|
|
<img src="screenshots/pdm-dracula-orange.png" alt="PDM Dracula Orange Theme" width="100%">
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
### PDM — Nord Collection
|
|
|
|
<table>
|
|
<tr>
|
|
<td width="50%" align="center">
|
|
<h3>Nord Dark</h3>
|
|
<img src="screenshots/pdm-nord-dark.png" alt="PDM Nord Dark Theme" width="100%">
|
|
</td>
|
|
<td width="50%" align="center">
|
|
<h3>Nord Light</h3>
|
|
<img src="screenshots/pdm-nord-light.png" alt="PDM Nord Light Theme" width="100%">
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
### PDM — Gruvbox Collection
|
|
|
|
<table>
|
|
<tr>
|
|
<td width="50%" align="center">
|
|
<h3>Gruvbox Dark</h3>
|
|
<img src="screenshots/pdm-gruvbox-dark.png" alt="PDM Gruvbox Dark Theme" width="100%">
|
|
</td>
|
|
<td width="50%" align="center">
|
|
<h3>Gruvbox Light</h3>
|
|
<img src="screenshots/pdm-gruvbox-light.png" alt="PDM Gruvbox Light Theme" width="100%">
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
### PDM — Solarized Collection
|
|
|
|
<table>
|
|
<tr>
|
|
<td width="50%" align="center">
|
|
<h3>Solarized Dark</h3>
|
|
<img src="screenshots/pdm-solarized-dark.png" alt="PDM Solarized Dark Theme" width="100%">
|
|
</td>
|
|
<td width="50%" align="center">
|
|
<h3>Solarized Light</h3>
|
|
<img src="screenshots/pdm-solarized-light.png" alt="PDM Solarized Light Theme" width="100%">
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
### PDM — Tokyo Night
|
|
|
|
<table>
|
|
<tr>
|
|
<td width="50%" align="center">
|
|
<h3>Tokyo Night</h3>
|
|
<img src="screenshots/pdm-tokyo-night.png" alt="PDM Tokyo Night Theme" width="100%">
|
|
</td>
|
|
<td width="50%"></td>
|
|
</tr>
|
|
</table>
|
|
|
|
### PDM — UniFi Collection
|
|
|
|
<table>
|
|
<tr>
|
|
<td width="50%" align="center">
|
|
<h3>UniFi</h3>
|
|
<img src="screenshots/pdm-unifi.png" alt="PDM UniFi Theme" width="100%">
|
|
</td>
|
|
<td width="50%" align="center">
|
|
<h3>UniFi Light</h3>
|
|
<img src="screenshots/pdm-unifi-light.png" alt="PDM UniFi Light Theme" width="100%">
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
### PDM — Other Themes
|
|
|
|
<table>
|
|
<tr>
|
|
<td width="50%" align="center">
|
|
<h3>GitHub Dark</h3>
|
|
<img src="screenshots/pdm-github-dark.png" alt="PDM GitHub Dark Theme" width="100%">
|
|
</td>
|
|
<td width="50%" align="center">
|
|
<h3>Blue Slate</h3>
|
|
<img src="screenshots/pdm-blue-slate.png" alt="PDM Blue Slate Theme" width="100%">
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
---
|
|
|
|
## Contributing Themes
|
|
|
|
Want to add your own theme? See the [Creating Themes](README.md#-creating-themes) section in the README.
|
|
|
|
New theme contributions are welcome via Pull Request!
|