fix: update the hover style for list (#476)

DTStack · Oct 21, 2021 · 35e66fd · 35e66fd
1 parent 33558b3
commit 35e66fd
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 3 deletions.
diff --git a/src/components/list/style.scss b/src/components/list/style.scss
@@ -32,7 +32,6 @@
 
         &:hover {
             background-color: var(--list-hoverBackground);
-            color: var(--list-hoverForeground);
             opacity: 0.8;
         }
 

diff --git a/src/components/tree/style.scss b/src/components/tree/style.scss
@@ -17,7 +17,7 @@ $treenode-height: 22px;
         user-select: none;
 
         &:not(#{$tree}__treenode--active):hover {
-            color: var(--list-hoverForeground);
+            background-color: var(--list-hoverBackground);
         }
 
         &:focus {

diff --git a/src/extensions/theme-defaults/themes/dark_defaults.json b/src/extensions/theme-defaults/themes/dark_defaults.json
@@ -27,7 +27,7 @@
         "list.activeSelectionBackground": "#094771",
         "list.dropBackground": "#383B3D",
         "list.focusOutline": "#007FD4",
-        "list.hoverForeground": "#2A2D2E",
+        "list.hoverBackground": "#2A2D2E",
         "list.inactiveSelectionBackground": "#37373D",
         "menu.background": "#252526",
         "menu.foreground": "#CCCCCC",