Make selected text colour consistent across components

KoolADE85 · KoolADE85 · commit d05bd8d26b28 · 2025-11-24T14:17:51.000-07:00
diff --git a/components/dash-core-components/src/components/css/datepickers.css b/components/dash-core-components/src/components/css/datepickers.css
@@ -59,7 +59,8 @@
 
 .dash-datepicker-input::selection,
 .dash-datepicker-input::-webkit-selection {
-    background: var(--Dash-Fill-Weak);
+    color: var(--Dash-Fill-Inverse-Strong);
+    background: var(--Dash-Fill-Interactive-Strong);
 }
 
 .dash-datepicker-input-wrapper:focus-within {
diff --git a/components/dash-core-components/src/components/css/input.css b/components/dash-core-components/src/components/css/input.css
@@ -48,6 +48,12 @@
     accent-color: var(--Dash-Fill-Interactive-Strong);
 }
 
+.dash-input-element::selection,
+.dash-input-element::-webkit-selection {
+    color: var(--Dash-Fill-Inverse-Strong);
+    background: var(--Dash-Fill-Interactive-Strong);
+}
+
 .dash-input-element:disabled {
     cursor: not-allowed;
 }
diff --git a/components/dash-core-components/src/components/css/sliders.css b/components/dash-core-components/src/components/css/sliders.css
@@ -217,7 +217,8 @@
 
 .dash-range-slider-input::selection,
 .dash-range-slider-input::-webkit-selection {
-    background: var(--Dash-Fill-Primary-Active);
+    color: var(--Dash-Fill-Inverse-Strong);
+    background: var(--Dash-Fill-Interactive-Strong);
 }
 
 .dash-range-slider-input:focus {

Original file line number	Diff line number	Diff line change
`@@ -59,7 +59,8 @@`
`59`	`59`
`60`	`60`	`.dash-datepicker-input::selection,`
`61`	`61`	`.dash-datepicker-input::-webkit-selection {`
`62`		`- background: var(--Dash-Fill-Weak);`
	`62`	`+ color: var(--Dash-Fill-Inverse-Strong);`
	`63`	`+ background: var(--Dash-Fill-Interactive-Strong);`
`63`	`64`	`}`
`64`	`65`
`65`	`66`	`.dash-datepicker-input-wrapper:focus-within {`
Original file line number	Diff line number	Diff line change
`@@ -48,6 +48,12 @@`
`48`	`48`	`accent-color: var(--Dash-Fill-Interactive-Strong);`
`49`	`49`	`}`
`50`	`50`
	`51`	`+.dash-input-element::selection,`
	`52`	`+.dash-input-element::-webkit-selection {`
	`53`	`+ color: var(--Dash-Fill-Inverse-Strong);`
	`54`	`+ background: var(--Dash-Fill-Interactive-Strong);`
	`55`	`+}`
	`56`	`+`
`51`	`57`	`.dash-input-element:disabled {`
`52`	`58`	`cursor: not-allowed;`
`53`	`59`	`}`
Original file line number	Diff line number	Diff line change
`@@ -217,7 +217,8 @@`
`217`	`217`
`218`	`218`	`.dash-range-slider-input::selection,`
`219`	`219`	`.dash-range-slider-input::-webkit-selection {`
`220`		`- background: var(--Dash-Fill-Primary-Active);`
	`220`	`+ color: var(--Dash-Fill-Inverse-Strong);`
	`221`	`+ background: var(--Dash-Fill-Interactive-Strong);`
`221`	`222`	`}`
`222`	`223`
`223`	`224`	`.dash-range-slider-input:focus {`