UX: Adjust icon colors (#108)

common/color_definitions.scss

@@ -46,6 +46,11 @@ html {
     oklch(from #{$tertiary} calc(l * 1.2) c h)
   ) !important;
 
+  --d-nav-color--hover: light-dark(
+    oklch(from #{$tertiary} l c h),
+    oklch(from #{$tertiary} calc(l * 1.2) c h)
+  ) !important;
+
   --link-color: light-dark(
     oklch(from #{$tertiary} l c h),
     oklch(from #{$tertiary} calc(l * 0.95) c h)

scss/header.scss

@@ -44,7 +44,8 @@
   .d-header-icons
   .header-color-scheme-toggle
   .-expanded
-  > .d-icon {
+  > .d-icon,
+.discourse-no-touch .header-sidebar-toggle button:hover .d-icon {
   color: var(--header_primary-medium);
 }
 
@@ -73,14 +74,6 @@
   color: var(--accent-text-color);
 }
 
-.user-menu .quick-access-panel li,
-.user-notifications-list li,
-.user-menu .quick-access-panel li.do-not-disturb,
-.menu-panel .panel-body-bottom .btn,
-.menu-panel .panel-body-bottom .btn:hover {
-  // background-color: var(--d-content-background);
-}
-
 body.login-page,
 body.signup-page,
 body.invite-page,