fix(treeview): update selected and hover icon color tokens

carbon-design-system · Mar 16, 2021 · 5c4abf9 · 5c4abf9
1 parent 9eb6071
commit 5c4abf9
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/packages/components/src/components/treeview/_treeview.scss b/packages/components/src/components/treeview/_treeview.scss
@@ -71,6 +71,12 @@
       color: $text-01;
     }
 
+    .#{$prefix}--tree-node__label:hover
+      .#{$prefix}--tree-parent-node__toggle-icon,
+    .#{$prefix}--tree-node__label:hover .#{$prefix}--tree-node__icon {
+      fill: $icon-01;
+    }
+
     .#{$prefix}--tree-leaf-node {
       display: flex;
       padding-left: $spacing-08;
@@ -127,6 +133,11 @@
       }
     }
 
+    .#{$prefix}--tree-node--selected .#{$prefix}--tree-parent-node__toggle-icon,
+    .#{$prefix}--tree-node--selected .#{$prefix}--tree-node__icon {
+      fill: $icon-01;
+    }
+
     .#{$prefix}--tree-node--active > .#{$prefix}--tree-node__label {
       position: relative;