From 03acd8721978bc6b753c067f4e0d407fcfdda117 Mon Sep 17 00:00:00 2001 From: "Joseph.Rawlings" Date: Thu, 4 Dec 2025 10:33:54 -0500 Subject: [PATCH] style: update dropdown menu and item colors in Proxmox layout for improved visibility and consistency --- .../Proxmox/views/components/layout.blade.php | 36 ++++++++----------- 1 file changed, 15 insertions(+), 21 deletions(-) diff --git a/extensions/Servers/Proxmox/views/components/layout.blade.php b/extensions/Servers/Proxmox/views/components/layout.blade.php index 7395f79e2..361bebc6e 100644 --- a/extensions/Servers/Proxmox/views/components/layout.blade.php +++ b/extensions/Servers/Proxmox/views/components/layout.blade.php @@ -443,9 +443,9 @@ left: 50%; transform: translateX(-50%); min-width: 180px; - background: rgba(255, 255, 255, 0.98); + background: rgba(37, 99, 235, 0.99); backdrop-filter: blur(16px); - border: 1px solid color-mix(in srgb, var(--color-neutral) 50%, transparent); + border: 1px solid rgba(37, 99, 235, 0.8); border-radius: 12px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15), @@ -455,8 +455,8 @@ } .dark .dropdown-menu { - background: rgba(30, 30, 35, 0.98); - border-color: color-mix(in srgb, var(--color-neutral) 60%, transparent); + background: rgba(37, 99, 235, 0.99); + border-color: rgba(59, 130, 246, 0.8); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.1); @@ -469,36 +469,30 @@ font-weight: 600; transition: all 0.2s ease; border-left: 3px solid transparent; - color: var(--color-base); + color: rgba(255, 255, 255, 0.95); } .dropdown-item:hover { - background: linear-gradient(135deg, - rgba(37, 99, 235, 0.15), - rgba(59, 130, 246, 0.1)); - border-left-color: rgba(37, 99, 235, 0.6); - color: var(--color-base); + background: rgba(255, 255, 255, 0.15); + border-left-color: rgba(255, 255, 255, 0.6); + color: rgb(255, 255, 255); } .dropdown-item.active { - background: linear-gradient(135deg, - rgba(37, 99, 235, 0.15), - rgba(59, 130, 246, 0.1)); - border-left-color: rgb(37, 99, 235); - color: rgb(37, 99, 235); + background: rgba(255, 255, 255, 0.2); + border-left-color: rgb(255, 255, 255); + color: rgb(255, 255, 255); } .dark .dropdown-item.active { - background: linear-gradient(135deg, - rgba(59, 130, 246, 0.2), - rgba(37, 99, 235, 0.15)); - border-left-color: rgb(96, 165, 250); - color: rgb(96, 165, 250); + background: rgba(255, 255, 255, 0.2); + border-left-color: rgb(255, 255, 255); + color: rgb(255, 255, 255); } .dropdown-divider { height: 1px; - background: color-mix(in srgb, var(--color-neutral) 30%, transparent); + background: rgba(255, 255, 255, 0.2); margin: 4px 0; }