FB

src/client/styles/scss/theme/_apply-colors.scss

@@ -25,11 +25,11 @@ $link-hover-color: $color-link-hover;
   color: $color-global;
   &.active,
   &:active {
-    color: $color-reversal;
-    background-color: $primary;
+    color: $dropdown-link-active-color;
+    background-color: $dropdown-link-active-bg;
   }
   &:hover:not(.active) {
-    color: $color-global;
+    color:  $dropdown-link-hover;
   }
 }
 

src/client/styles/scss/theme/default.scss

@@ -40,6 +40,11 @@ html:not([dark]) {
   // Border colors
   $border-color-theme: #ccc; // former: `$navbar-border: #ccc;`
 
+  // Dropdown colors
+  $dropdown-link-active-bg: $growi-blue;
+  $dropdown-link-active-color: $color-reversal;
+  $dropdown-link-hover: $color-global;
+
   @import 'apply-colors';
   @import 'apply-colors-light';
 }
@@ -73,6 +78,11 @@ html[dark] {
   // Border colors
   $border-color-theme: black; // former: `$navbar-border: #ccc;`
 
+  // Dropdown colors
+  $dropdown-link-active-bg: $primary;
+  $dropdown-link-active-color: $color-global;
+  $dropdown-link-hover: $color-reversal;
+
   @import 'apply-colors';
   @import 'apply-colors-dark';
 }