dropdown-link-active-bg variable

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;

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;
         }

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;

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;
 

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;