From 0e0a9d6365df6a4295d1e071d44e7b644557cfc3 Mon Sep 17 00:00:00 2001
From: "Ray.Hao" <1490493387@qq.com>
Date: Thu, 22 Jan 2026 17:44:06 +0800
Subject: [PATCH] fix(common.css): :bug: align popup menu hover colors across
 themes

Closed #IDLJE4
---
 src/styles/common.scss | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/src/styles/common.scss b/src/styles/common.scss
index b74931d1..322f03d6 100644
--- a/src/styles/common.scss
+++ b/src/styles/common.scss
@@ -9,6 +9,32 @@
   background-color: var(--el-color-primary);
 }
 
+/* 弹出菜单统一使用主题变量（简化 hover 色） */
+.el-menu--popup {
+  --el-menu-bg-color: var(--menu-background);
+  --el-menu-text-color: var(--menu-text);
+  --el-menu-active-color: var(--menu-active-text);
+  --el-menu-hover-bg-color: var(--menu-hover);
+
+  background-color: var(--menu-background);
+
+  .el-menu-item,
+  .el-sub-menu__title {
+    color: var(--menu-text) !important;
+  }
+
+  .el-menu-item:hover,
+  .el-sub-menu__title:hover {
+    color: var(--menu-active-text) !important;
+    background-color: var(--menu-hover) !important;
+  }
+
+  .el-menu-item.is-active {
+    color: var(--menu-active-text) !important;
+    background-color: var(--menu-hover) !important;
+  }
+}
+
 /* ============================================
    混合布局左侧菜单 hover 样式
    ============================================ */