push

assets/script/style.css

@@ -2135,11 +2135,7 @@ strong {
           > details
           > summary:not(.menu-title):not(.menu-active, :active, .btn):hover
       ) {
-      background-color: color-mix(
-        in oklab,
-        var(--color-base-content) 10%,
-        transparent
-      );
+      background-color: color-mix(in oklab, var(#e9f2ff) 10%, transparent);
     }
   }
   .menu
@@ -3990,12 +3986,33 @@ strong {
     padding-inline-end: 0.5rem;
     position: absolute;
     max-height: 500px;
-    overflow: auto;
+    overflow-x: auto;
+    overflow-y: hidden;
   }
   .menu-horizontal li {
     position: relative;
   }
 
+  .menu-horizontal li.active {
+    background: #e9f2ff !important;
+  }
+
+  .menu-horizontal li.active ul li.active {
+    background: #177bff !important;
+  }
+
+  .menu-horizontal li.active ul li.active a {
+    color: #fff;
+  }
+
+  .menu-horizontal li.active .grow {
+    color: #177bff;
+  }
+
+  .menu-horizontal li.active .iconify {
+    color: #177bff;
+  }
+
   .menu-horizontal li::before {
     position: absolute;
     content: "";
@@ -4036,7 +4053,8 @@ strong {
     border-radius: 10px;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     max-height: 500px;
-    overflow: auto;
+    overflow-y: auto;
+    overflow-x: hidden;
   }
 
   .menu-horizontal li:hover .submenu {
@@ -4050,6 +4068,13 @@ strong {
     display: block !important;
   }
 
+  .menu-horizontal li ul li:hover {
+    background: #177bff !important;
+  }
+  .menu-horizontal li ul li:hover a {
+    color: #fff;
+  }
+
   :where(.menu-horizontal > li:not(.menu-title) > details > ul) {
     border-radius: var(--radius-box);
     background-color: var(--color-base-100);