diff --git a/src/layouts/admin/components/menus/menuHorizontal.vue b/src/layouts/admin/components/menus/menuHorizontal.vue
index e23c8de..0959655 100644
--- a/src/layouts/admin/components/menus/menuHorizontal.vue
+++ b/src/layouts/admin/components/menus/menuHorizontal.vue
@@ -86,6 +86,7 @@ onBeforeRouteUpdate((to) => {
     --el-menu-bg-color: v-bind('config.getColorVal("menuBackground")');
     --el-menu-text-color: v-bind('config.getColorVal("menuColor")');
     --el-menu-active-color: v-bind('config.getColorVal("menuActiveColor")');
+    --el-menu-hover-color: v-bind('config.getColorVal("menuActiveBackground")');
 }
 
 .el-sub-menu .icon,
diff --git a/src/layouts/admin/components/menus/menuVertical.vue b/src/layouts/admin/components/menus/menuVertical.vue
index 6db2ed6..2951627 100644
--- a/src/layouts/admin/components/menus/menuVertical.vue
+++ b/src/layouts/admin/components/menus/menuVertical.vue
@@ -76,5 +76,6 @@ onBeforeRouteUpdate((to) => {
     --el-menu-bg-color: v-bind('config.getColorVal("menuBackground")');
     --el-menu-text-color: v-bind('config.getColorVal("menuColor")');
     --el-menu-active-color: v-bind('config.getColorVal("menuActiveColor")');
+    --el-menu-hover-color: v-bind('config.getColorVal("menuActiveBackground")');
 }
 </style>
diff --git a/src/layouts/admin/components/menus/menuVerticalChildren.vue b/src/layouts/admin/components/menus/menuVerticalChildren.vue
index d9f7e11..0066792 100644
--- a/src/layouts/admin/components/menus/menuVerticalChildren.vue
+++ b/src/layouts/admin/components/menus/menuVerticalChildren.vue
@@ -96,5 +96,6 @@ onBeforeRouteUpdate((to) => {
     --el-menu-bg-color: v-bind('config.getColorVal("menuBackground")');
     --el-menu-text-color: v-bind('config.getColorVal("menuColor")');
     --el-menu-active-color: v-bind('config.getColorVal("menuActiveColor")');
+    --el-menu-hover-color: v-bind('config.getColorVal("menuActiveBackground")');
 }
 </style>
diff --git a/src/layouts/admin/components/navBar/double.vue b/src/layouts/admin/components/navBar/double.vue
index 7875b9d..50bef6b 100644
--- a/src/layouts/admin/components/navBar/double.vue
+++ b/src/layouts/admin/components/navBar/double.vue
@@ -77,6 +77,7 @@ onBeforeRouteUpdate((to) => {
     --el-menu-bg-color: v-bind('config.getColorVal("menuBackground")');
     --el-menu-text-color: v-bind('config.getColorVal("menuColor")');
     --el-menu-active-color: v-bind('config.getColorVal("menuActiveColor")');
+    --el-menu-hover-color: v-bind('config.getColorVal("menuActiveBackground")');
 }
 
 .el-sub-menu .icon,
diff --git a/src/styles/element.scss b/src/styles/element.scss
index 1ddad61..15473d0 100644
--- a/src/styles/element.scss
+++ b/src/styles/element.scss
@@ -15,8 +15,13 @@
 
 .el-menu {
     user-select: none;
+    .el-menu-item:hover,
     .el-sub-menu__title:hover {
-        background-color: var(--el-color-primary-light-9) !important;
+        background-color: var(--el-menu-hover-color) !important;
+        color: var(--el-menu-active-color) !important;
+        .icon {
+            color: var(--el-menu-active-color) !important;
+        }
     }
 }