From e620a1195fc52921ee800d08065137021ba92773 Mon Sep 17 00:00:00 2001
From: Yuri Kuznetsov <yurikuzn@users.noreply.github.com>
Date: Fri, 17 Oct 2025 12:25:41 +0300
Subject: [PATCH] dropdown-link-active-bg variable

---
 frontend/less/dark/variables.less         | 1 +
 frontend/less/espo/elements/dropdown.less | 2 +-
 frontend/less/espo/root-variables.less    | 1 +
 frontend/less/espo/value-variables.less   | 1 +
 frontend/less/glass/variables.less        | 1 +
 5 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/frontend/less/dark/variables.less b/frontend/less/dark/variables.less
index 49c8c4fc5e..daae19cb18 100644
--- a/frontend/less/dark/variables.less
+++ b/frontend/less/dark/variables.less
@@ -106,6 +106,7 @@
 @dropdown-link-hover-bg-value: @navbar-inverse-link-hover-bg-value;
 @dropdown-divider-bg-value: @default-border-color-value;
 @dropdown-border-value: @panel-default-border-value;
+@dropdown-link-active-bg-value: lighten(@navbar-inverse-link-hover-bg-value, 3%);
 
 @select-item-bg-value: @table-bg-accent-value;
 @select-item-border-value: @btn-default-border-value;
diff --git a/frontend/less/espo/elements/dropdown.less b/frontend/less/espo/elements/dropdown.less
index 35aaf7de25..2b71630930 100644
--- a/frontend/less/espo/elements/dropdown.less
+++ b/frontend/less/espo/elements/dropdown.less
@@ -100,7 +100,7 @@ ul.dropdown-menu {
         line-height: var(--line-height-computed);
 
         &.active {
-            background-color: @gray-lighter;
+            background-color: var(--dropdown-link-active-bg);
             text-decoration: none;
             outline: 0;
         }
diff --git a/frontend/less/espo/root-variables.less b/frontend/less/espo/root-variables.less
index adec6fe4ac..799d6cd954 100644
--- a/frontend/less/espo/root-variables.less
+++ b/frontend/less/espo/root-variables.less
@@ -481,6 +481,7 @@
     --dropdown-border: @dropdown-border-value;
     --dropdown-divider-bg: @dropdown-divider-bg-value;
     --dropdown-box-shadow: @dropdown-box-shadow-value;
+    --dropdown-link-active-bg: @dropdown-link-active-bg-value;
 
     --calendar-today-bg: @calendar-today-bg-value;
     --calendar-border: @calendar-border-value;
diff --git a/frontend/less/espo/value-variables.less b/frontend/less/espo/value-variables.less
index d5ad4eaee2..52eebc7c44 100644
--- a/frontend/less/espo/value-variables.less
+++ b/frontend/less/espo/value-variables.less
@@ -208,6 +208,7 @@
 @dropdown-border-width-value: var(--1px);
 @dropdown-divider-bg-value: #e5e5e5;
 @dropdown-box-shadow-value: 0 4px 6px rgba(0, 0, 0, 0.11);
+@dropdown-link-active-bg-value: @gray-lighter-value;
 
 @login-panel-heading-bg-value: @panel-bg-value;
 
diff --git a/frontend/less/glass/variables.less b/frontend/less/glass/variables.less
index 5e452aa4e1..de3c576dc8 100644
--- a/frontend/less/glass/variables.less
+++ b/frontend/less/glass/variables.less
@@ -123,6 +123,7 @@
 @dropdown-divider-bg-value: @default-border-color-value;
 @dropdown-border-value: transparent;
 @dropdown-border-width-value: 0;
+@dropdown-link-active-bg-value: #4D4950C7;
 
 @select-item-bg-value: #1e253054;
 @select-item-border-value: @btn-default-border-value;