add reversal

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

@@ -24,8 +24,10 @@ $link-hover-color: $color-link-hover;
 .dropdown-item {
   color: $color-global;
   &.active,
-  &:active {
-    @include gradient-bg($dropdown-link-active-bg);
+  &:active,
+  &:hover {
+    color: $color-reversal;
+    background-color: $primary;
   }
 }
 

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

@@ -26,6 +26,7 @@ html:not([dark]) {
 
   // Font colors
   $color-global: #333333;
+  $color-reversal: #eeeeee;
   // $color-header: #2b2b2b;
   $color-link: lighten($primary, 20%);
   $color-link-hover: lighten($color-link, 20%);
@@ -58,6 +59,7 @@ html[dark] {
 
   // Font colors
   $color-global: #eeeeee;
+  $color-reversal: #333333;
   // $color-header: desaturate($primary, 20%);
   $color-link: $primary;
   $color-link-hover: lighten($color-link, 10%);