|
113 | 113 | --item-hover-background: #{color($color: 'gray', $variant: 100)}; |
114 | 114 | --item-selected-background: #{color($color: 'gray', $variant: 100)}; |
115 | 115 | --item-text-color: #{color($color: 'gray', $variant: 700)}; |
| 116 | + --item-icon-color: #{color($color: 'gray', $variant: 700)}; |
116 | 117 | --item-hover-text-color: #{color($color: 'gray', $variant: 800)}; |
| 118 | + --item-hover-icon-color: #{color($color: 'gray', $variant: 800)}; |
117 | 119 | --item-selected-text-color: #{if( |
118 | 120 | $variant == 'indigo-design', |
119 | 121 | contrast-color($color: 'surface'), |
120 | 122 | color($color: 'secondary', $variant: 500) |
121 | 123 | )}; |
| 124 | + --item-selected-icon-color: #{if( |
| 125 | + $variant == 'indigo-design', |
| 126 | + contrast-color($color: 'surface'), |
| 127 | + color($color: 'secondary', $variant: 500) |
| 128 | + )}; |
| 129 | + --item-selected-hover-icon-color: #{if( |
| 130 | + $variant == 'fluent', |
| 131 | + color($color: 'secondary', $variant: 500), |
| 132 | + contrast-color($color: 'gray', $variant: 50) |
| 133 | + )}; |
122 | 134 | --item-border-color: transparent; |
| 135 | + --item-hover-border-color: transparent; |
| 136 | + --item-focused-border-color: #{if( |
| 137 | + $variant == 'fluent', |
| 138 | + color($color: 'gray', $variant: 700), |
| 139 | + transparent |
| 140 | + )}; |
123 | 141 | --item-selected-border-color: transparent; |
| 142 | + --item-selected-hover-border-color: transparent; |
124 | 143 | --item-disabled-border: transparent; |
| 144 | + --disabled-selected-border-color: transparent; |
125 | 145 | } |
126 | 146 |
|
127 | 147 | @include tree(tree-theme( |
|
0 commit comments