From b2dbfe81f915f5362de9a7d348800aeabf92cc55 Mon Sep 17 00:00:00 2001 From: Claus Lohmar Date: Thu, 23 Jul 2026 09:17:42 +0000 Subject: [PATCH] fix: custom select dropdown arrow visible on dark background Native browser select arrows don't adapt to dark backgrounds. Added appearance:none with a light SVG chevron via background-image. --- frontend/static/proxmox.css | 14 ++++++++++++++ frontend/templates/base.html | 2 +- 2 files changed, 15 insertions(+), 1 deletion(-) diff --git a/frontend/static/proxmox.css b/frontend/static/proxmox.css index e35de7e..0f03851 100644 --- a/frontend/static/proxmox.css +++ b/frontend/static/proxmox.css @@ -162,6 +162,20 @@ body { font-family: inherit; font-size: 0.82rem; transition: border-color 0.15s; + cursor: pointer; +} +.pve-select { + appearance: none; + -webkit-appearance: none; + -moz-appearance: none; + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E"); + background-repeat: no-repeat; + background-position: right 0.6rem center; + padding-right: 2rem; +} +.pve-select option { + background: var(--pve-panel-bg); + color: var(--pve-text); } .pve-input:focus, .pve-select:focus { border-color: var(--pve-accent); diff --git a/frontend/templates/base.html b/frontend/templates/base.html index 45d14dd..ca0e24f 100644 --- a/frontend/templates/base.html +++ b/frontend/templates/base.html @@ -4,7 +4,7 @@ VM Bench — Proxmox Image Converter - +