菜单深色模式优化

resources/assets/adminlte/scss/_main-sidebar.scss

@@ -389,6 +389,9 @@
         color: $sidebar-dark-active-color;
         background: $sidebar-dark-active-bg;
       }
+      &:hover {
+        color: $sidebar-dark-hover-color;
+      }
     }
 
     // Hover and active states
@@ -396,7 +399,7 @@
     &:hover > .nav-link,
     & > .nav-link:focus  {
       background-color: $sidebar-dark-hover-bg;
-      color: $sidebar-dark-hover-color;
+      //color: $sidebar-dark-hover-color;
     }
 
     > .nav-link.active {

resources/assets/adminlte/scss/_variables.scss

@@ -108,18 +108,21 @@ $main-footer-bg: transparent !default;
 //$sidebar-dark-bg: darken(#505b6b, 14%) !default;
 //$sidebar-dark-bg: #1e1e2d !default;
 //$sidebar-dark-bg: lighten(#1a1a27, 1%) !default;
-$sidebar-dark-bg: #263238!default;
+//$sidebar-dark-bg: #263238!default;
+$sidebar-dark-bg: $body-dark-color!default;
 $sidebar-dark-hover-bg: transparent !default;
-$sidebar-dark-color: lighten(#C2C7D0, 6%) !default;
+$sidebar-dark-color: $body-dark-font-color!default;
 $sidebar-dark-hover-color: $white !default;
-$sidebar-dark-active-bg: hsla(100, 100%, 100%, 0.1) !default;
+$sidebar-dark-active-bg: $body-darker-color !default;
 $sidebar-dark-active-color: $white !default;
 $sidebar-dark-submenu-bg: transparent !default;
-$sidebar-dark-submenu-color: lighten(#C2C7D0, 6%) !default;
+//$sidebar-dark-submenu-color: lighten(#C2C7D0, 6%) !default;
+$sidebar-dark-submenu-color: $body-dark-font-color!default;
+
 $sidebar-dark-submenu-hover-color: $white !default;
 $sidebar-dark-submenu-hover-bg: $sidebar-dark-hover-bg !default;
 $sidebar-dark-submenu-active-color: $white !default;
-$sidebar-dark-submenu-active-bg: hsla(100, 100%, 100%, 0.1) !default;
+$sidebar-dark-submenu-active-bg: $sidebar-dark-active-bg !default;
 $sidebar-dark-header-color: hsla(0,0%,100%,.7) !default;
 
 // Light sidebar

resources/assets/dcat/sass/components/_menu.scss

@@ -84,3 +84,15 @@ body.sidebar-collapse {
 .nav-pills .nav-link:not(.active):hover {
   color: $font-color;
 }
+
+[class*=sidebar-dark-] {
+  .navbar-header {
+    padding: 0 1rem 0;
+    height: 62px;
+    background: $body-darker-color;
+  }
+
+  .navbar-header .navbar-brand {
+    margin: 8px 0;
+  }
+}

resources/assets/dcat/sass/theme/_colors.scss

@@ -94,6 +94,11 @@ $font-color: #414750;
 $body-bg: darken(#f4f7fa, 1.3%);
 //$body-bg: lighten(#edf1f3, 1.5%);
 
+// 深色
+$body-dark-color: #222233;
+$body-darker-color: #1e1e2d;
+$body-dark-font-color: #a8a9bb;
+
 // 灰背景色
 $gray-bg: #f1f1f1;