From 07f2dcee1fd601737ed3a9b4e1e882631627ca4b Mon Sep 17 00:00:00 2001 From: "Joseph.Rawlings" Date: Thu, 4 Dec 2025 10:35:30 -0500 Subject: [PATCH] style: update dropdown menu background and border styles in Proxmox layout for improved visual consistency and clarity --- .../Proxmox/views/components/layout.blade.php | 36 +++++++++++-------- 1 file changed, 21 insertions(+), 15 deletions(-) diff --git a/extensions/Servers/Proxmox/views/components/layout.blade.php b/extensions/Servers/Proxmox/views/components/layout.blade.php index 361bebc6e..867ffe44e 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(37, 99, 235, 0.99); - backdrop-filter: blur(16px); - border: 1px solid rgba(37, 99, 235, 0.8); + background: color-mix(in srgb, var(--color-background-secondary) 99%, transparent); + backdrop-filter: blur(12px); + border: 1px solid color-mix(in srgb, var(--color-neutral) 30%, transparent); border-radius: 12px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15), @@ -455,8 +455,8 @@ } .dark .dropdown-menu { - background: rgba(37, 99, 235, 0.99); - border-color: rgba(59, 130, 246, 0.8); + background: color-mix(in srgb, var(--color-background-secondary) 99%, transparent); + border-color: color-mix(in srgb, var(--color-neutral) 40%, transparent); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.1); @@ -469,25 +469,31 @@ font-weight: 600; transition: all 0.2s ease; border-left: 3px solid transparent; - color: rgba(255, 255, 255, 0.95); + color: var(--color-base); } .dropdown-item:hover { - background: rgba(255, 255, 255, 0.15); - border-left-color: rgba(255, 255, 255, 0.6); - color: rgb(255, 255, 255); + 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); } .dropdown-item.active { - background: rgba(255, 255, 255, 0.2); - border-left-color: rgb(255, 255, 255); - color: rgb(255, 255, 255); + 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); } .dark .dropdown-item.active { - background: rgba(255, 255, 255, 0.2); - border-left-color: rgb(255, 255, 255); - color: rgb(255, 255, 255); + 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); } .dropdown-divider {