diff --git a/src/styles/menu.scss b/src/styles/menu.scss
index 3c1b8f350..457d1cc42 100644
--- a/src/styles/menu.scss
+++ b/src/styles/menu.scss
@@ -30,6 +30,7 @@
&:hover {
color: $menuActiveText;
+ background-color: $menuHover;
}
i {
diff --git a/src/utils/theme/color.js b/src/utils/theme/color.js
index b9567808d..1dc439292 100644
--- a/src/utils/theme/color.js
+++ b/src/utils/theme/color.js
@@ -77,6 +77,13 @@ export function changeMenuColor(themeColors) {
const white = 'ffffff'
const black = '000000'
+ // 后端不用返回 --menu-hover
+ const menuActiveTextColor = colors['--menu-text-active']
+ if (menuActiveTextColor) {
+ const menuHover = mix(white, menuActiveTextColor.replace(/#/g, ''), 90)
+ colors['--menu-hover'] = menuHover
+ }
+
for (const key in colors) {
const currentColor = colors[key]
elementStyle.setProperty(key, currentColor)
diff --git a/src/views/settings/Terminal/Storage/CommandStorage.vue b/src/views/settings/Terminal/Storage/CommandStorage.vue
index f5f9002fe..cc7cc16cb 100644
--- a/src/views/settings/Terminal/Storage/CommandStorage.vue
+++ b/src/views/settings/Terminal/Storage/CommandStorage.vue
@@ -1,10 +1,11 @@
-
+