Skip to content

Commit 6200e21

Browse files
committed
fix(material-experimental/mdc-slider): code review changes
* increase opacity of value indicator tooltip when in dark mode * use surface and on-surface for tick-mark-active and tick-mark-inactive disabled colors
1 parent 6e6fe82 commit 6200e21

File tree

1 file changed

+4
-3
lines changed

1 file changed

+4
-3
lines changed

src/material-experimental/mdc-slider/_slider-theme.scss

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -13,10 +13,11 @@
1313
$is-dark: map-get($config, is-dark);
1414
$indicator-color: if($is-dark, white, black);
1515
$indicator-text-color: if($is-dark, black, white);
16+
$indicator-opacity: if($is-dark, 0.9, 0.6);
1617

1718
@include value-indicator-color(
1819
$color: $indicator-color,
19-
$opacity: 0.6,
20+
$opacity: $indicator-opacity,
2021
$query: $mat-theme-styles-query
2122
);
2223
@include value-indicator-text-color(
@@ -93,14 +94,14 @@
9394
@include tick-mark-active-color(
9495
$color-or-map: (
9596
default: $on-color,
96-
disabled: $on-color,
97+
disabled: surface,
9798
),
9899
$query: $mat-theme-styles-query
99100
);
100101
@include tick-mark-inactive-color(
101102
$color-or-map: (
102103
default: $color,
103-
disabled: $on-color,
104+
disabled: on-surface,
104105
),
105106
$query: $mat-theme-styles-query
106107
);

0 commit comments

Comments
 (0)