# 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!