Skip to content

Commit 918b625

Browse files
andrewseguinAndrew Seguin
and
Andrew Seguin
authored
fix(material/list): update tokens to system colors (#31284)
Co-authored-by: Andrew Seguin <andrewseguin@google.com>
1 parent 458a17b commit 918b625

File tree

1 file changed

+5
-9
lines changed

1 file changed

+5
-9
lines changed

src/material/list/_m2-list.scss

Lines changed: 5 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -28,25 +28,21 @@
2828
@function get-color-tokens($theme) {
2929
$system: m2-utils.get-system($theme);
3030

31-
$is-dark: inspection.get-theme-type($theme) == dark;
32-
$text-icon-on-background:
33-
inspection.get-theme-color($theme, foreground, base, if($is-dark, 0.5, 0.38));
34-
3531
@return (
3632
list-list-item-label-text-color: map.get($system, on-surface),
3733
list-list-item-supporting-text-color: map.get($system, on-surface-variant),
38-
list-list-item-leading-icon-color: $text-icon-on-background,
34+
list-list-item-leading-icon-color: map.get($system, on-surface-variant),
3935
list-list-item-trailing-supporting-text-color: map.get($system, on-surface-variant),
40-
list-list-item-trailing-icon-color: $text-icon-on-background,
41-
list-list-item-selected-trailing-icon-color: $text-icon-on-background,
36+
list-list-item-trailing-icon-color: map.get($system, on-surface-variant),
37+
list-list-item-selected-trailing-icon-color: map.get($system, on-surface-variant),
4238
list-list-item-disabled-label-text-color: map.get($system, on-surface),
4339
list-list-item-disabled-leading-icon-color: map.get($system, on-surface),
4440
list-list-item-disabled-trailing-icon-color: map.get($system, on-surface),
4541
list-list-item-hover-label-text-color: map.get($system, on-surface),
46-
list-list-item-hover-leading-icon-color: $text-icon-on-background,
42+
list-list-item-hover-leading-icon-color: map.get($system, on-surface-variant),
4743
list-list-item-hover-state-layer-color: map.get($system, on-surface),
4844
list-list-item-hover-state-layer-opacity: map.get($system, hover-state-layer-opacity),
49-
list-list-item-hover-trailing-icon-color: $text-icon-on-background,
45+
list-list-item-hover-trailing-icon-color: map.get($system, on-surface-variant),
5046
list-list-item-focus-label-text-color: map.get($system, on-surface),
5147
list-list-item-focus-state-layer-color: map.get($system, on-surface),
5248
list-list-item-focus-state-layer-opacity: map.get($system, focus-state-layer-opacity),

0 commit comments

Comments
 (0)