refactor(slider): Add styles for slider tick marks in high-contrast mode

material-web-copybara · copybara-github · commit f5b61a9a8b32 · 2024-09-06T11:03:40.000-07:00
PiperOrigin-RevId: 671827375
diff --git a/packages/mdc-slider/_slider-theme.scss b/packages/mdc-slider/_slider-theme.scss
@@ -407,6 +407,10 @@ $light-theme: (
       @include _set-tick-mark-active-color($_disabled-color, $opacity, $query);
     }
   }
+
+  @media (forced-colors: active) {
+    @include _set-tick-mark-active-color(Canvas, 1, $query);
+  }
 }
 
 @mixin _set-tick-mark-active-color($color, $opacity, $query) {
@@ -451,6 +455,10 @@ $light-theme: (
       );
     }
   }
+
+  @media (forced-colors: active) {
+    @include _set-tick-mark-inactive-color(CanvasText, 1, $query);
+  }
 }
 
 @mixin _set-tick-mark-inactive-color($color, $opacity, $query) {

Original file line number	Diff line number	Diff line change
`@@ -407,6 +407,10 @@ $light-theme: (`
`407`	`407`	`@include _set-tick-mark-active-color($_disabled-color, $opacity, $query);`
`408`	`408`	`}`
`409`	`409`	`}`
	`410`	`+`
	`411`	`+ @media (forced-colors: active) {`
	`412`	`+ @include _set-tick-mark-active-color(Canvas, 1, $query);`
	`413`	`+ }`
`410`	`414`	`}`
`411`	`415`
`412`	`416`	`@mixin _set-tick-mark-active-color($color, $opacity, $query) {`
`@@ -451,6 +455,10 @@ $light-theme: (`
`451`	`455`	`);`
`452`	`456`	`}`
`453`	`457`	`}`
	`458`	`+`
	`459`	`+ @media (forced-colors: active) {`
	`460`	`+ @include _set-tick-mark-inactive-color(CanvasText, 1, $query);`
	`461`	`+ }`
`454`	`462`	`}`
`455`	`463`
`456`	`464`	`@mixin _set-tick-mark-inactive-color($color, $opacity, $query) {`