Merge branch 'aregnery/fix-navigation-sidebar-hr-color-in-darkmode' into 'master'

Fix hr color in navigation sidebar on dark mode

See merge request https://gitlab.com/gitlab-org/gitlab/-/merge_requests/155465



Merged-by: Mark Florian <mflorian@gitlab.com>
Approved-by: Dan MH <dmizzi-harris@gitlab.com>
Approved-by: Briley Sandlin <bsandlin@gitlab.com>
Approved-by: Mark Florian <mflorian@gitlab.com>
Co-authored-by: Austin Regnery <aregnery@gitlab.com>

app/assets/stylesheets/framework/super_sidebar.scss

@@ -44,7 +44,7 @@ $command-palette-spacing: px-to-rem(14px);
   --super-sidebar-nav-item-current-bg: #{$t-gray-a-08};
   --super-sidebar-nav-item-icon-color: #{$gray-500};
 
-  --super-sidebar-hr-mix-blend-mode: normal;
+  --super-sidebar-hr-mix-blend-mode: multiply;
 
   .gl-dark & {
     --super-sidebar-border-color: #{$t-white-a-08};
@@ -61,6 +61,8 @@ $command-palette-spacing: px-to-rem(14px);
     --super-sidebar-nav-item-active-bg: #{$t-white-a-16};
     --super-sidebar-nav-item-current-bg: #{$t-white-a-08};
     --super-sidebar-nav-item-icon-color: #{$gray-600};
+
+    --super-sidebar-hr-mix-blend-mode: screen;
   }
 }
 
@@ -90,8 +92,6 @@ $command-palette-spacing: px-to-rem(14px);
     --super-sidebar-user-bar-button-icon-color: #{$user-bar-button-icon-color};
     --super-sidebar-user-bar-button-icon-hover-color: #{$user-bar-button-icon-color};
     --super-sidebar-user-bar-button-icon-mix-blend-mode: screen;
-
-    --super-sidebar-hr-mix-blend-mode: multiply;
   }
 }