More tweaks

assets/css/easyadmin-theme/menu.scss

@@ -164,17 +164,17 @@ body.ea-sidebar-width-compact .sidebar {
                 padding: 7px 5px 7px 0;
             }
 
-            &.active { background: transparent; }
-
             &:hover {
                 background: var(--body-bg);
                 box-shadow: var(--sidebar-menu-compact-hover-box-shadow);
                 min-width: max-content;
                 padding-left: var(--sidebar-padding-left);
                 z-index: $zindex-modal-backdrop;
 
+                i { color: var(--sidebar-menu-icon-color) !important; }
+
                 .menu-item-label, .menu-item-badge, .submenu, .submenu-toggle-icon { display: block; }
-                .menu-item-contents { background: var(--body-bg); }
+                .menu-item-contents { background: var(--body-bg); color: var(--text-color); }
 
                 .submenu {
                     background: var(--body-bg);

assets/css/easyadmin-theme/variables-theme.scss

@@ -365,12 +365,12 @@
 .ea-dark-scheme {
     --text-primary-color: var(--text-color);
     --text-secondary-color: var(--text-muted);
-    --text-tertiary-color: var(--true-gray-500);
-    --border-primary-color: var(--true-gray-500);
-    --border-secondary-color: var(--true-gray-600);
-    --border-tertiary-color: var(--true-gray-700);
-    --primary-bg: var(--true-gray-500);
-    --secondary-bg: var(--true-gray-700);
+    --text-tertiary-color: var(--true-gray-600);
+    --border-primary-color: var(--true-gray-600);
+    --border-secondary-color: var(--true-gray-700);
+    --border-tertiary-color: var(--true-gray-800);
+    --primary-bg: var(--true-gray-600);
+    --secondary-bg: var(--true-gray-800);
     --tertiary-bg: var(--true-gray-900);
 
     --shadow-md: 0 4px 6px -1px rgb(0, 0, 0, 0.3), 0 2px 4px -2px rgb(0, 0, 0, 0.3);
@@ -385,14 +385,14 @@
     --sidebar-bg: var(--true-gray-900);
     --sidebar-border-color: var(--true-gray-800);
     --sidebar-logo-color: var(--true-gray-200);
-    --sidebar-menu-color: #b5b5b5; // custom value between --true-gray-400 and --true-gray-300
+    --sidebar-menu-color: var(--true-gray-300);
     --sidebar-menu-badge-bg: var(--true-gray-800);
     --sidebar-menu-badge-color: var(--true-gray-300);
     --sidebar-menu-badge-active-bg: var(--blue-800);
     --sidebar-menu-badge-active-color: var(--true-gray-300);
     --sidebar-menu-submenu-color: var(--true-gray-400);
     --sidebar-menu-header-color: var(--true-gray-400);
-    --sidebar-menu-icon-color: var(--true-gray-500);
+    --sidebar-menu-icon-color: var(--true-gray-400);
     --sidebar-menu-active-item-bg: var(--true-gray-300);
     --sidebar-menu-active-item-color: var(--true-gray-950);
     --sidebar-menu-compact-hover-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
@@ -637,7 +637,7 @@
     --highlight-bg: rgba(210, 153, 34, 0.4);
 
     --text-on-primary: var(--white);
-    --text-muted: var(--true-gray-400);
+    --text-muted: var(--true-gray-500);
 
     --link-color: var(--blue-400);
     --link-hover-color: var(--blue-300);

src/Resources/public/entrypoints.json

@@ -2,8 +2,8 @@
   "entrypoints": {
     "app": {
       "css": [
-        "/app.907deb01.css",
-        "/app.907deb01.rtl.css"
+        "/app.8a77f38a.css",
+        "/app.8a77f38a.rtl.css"
       ],
       "js": [
         "/app.00a7b690.js"

src/Resources/public/manifest.json

@@ -1,6 +1,6 @@
 {
-  "app.css": "app.907deb01.css",
-  "app.rtl.css": "app.907deb01.rtl.css",
+  "app.css": "app.8a77f38a.css",
+  "app.rtl.css": "app.8a77f38a.rtl.css",
   "app.js": "app.00a7b690.js",
   "form.js": "form.5e2c4e01.js",
   "page-layout.js": "page-layout.3347892e.js",