fixes ToggleSwitch border color for 'on' state in dark high contrast color mode

mperrotti · mperrotti · commit 8437a2c0df8d · 2025-08-27T17:57:16.000-04:00
diff --git a/packages/react/src/ToggleSwitch/ToggleSwitch.module.css b/packages/react/src/ToggleSwitch/ToggleSwitch.module.css
@@ -148,8 +148,7 @@
 .SwitchButton:where([data-checked='true']:not([data-disabled='true'])) {
   /* stylelint-disable-next-line primer/colors */
   background-color: var(--control-checked-bgColor-rest, var(--color-switch-track-checked-bg, #0969da));
-  /* stylelint-disable-next-line primer/colors */
-  border-color: var(--borderColor-control-checked, transparent);
+  border-color: var(--control-checked-borderColor-rest, transparent);
 }
 
 .SwitchButton:where([data-checked='true']:not([data-disabled='true']):hover),

Original file line number	Diff line number	Diff line change
`@@ -148,8 +148,7 @@`
`148`	`148`	`.SwitchButton:where([data-checked='true']:not([data-disabled='true'])) {`
`149`	`149`	`/* stylelint-disable-next-line primer/colors */`
`150`	`150`	`background-color: var(--control-checked-bgColor-rest, var(--color-switch-track-checked-bg, #0969da));`
`151`		`- /* stylelint-disable-next-line primer/colors */`
`152`		`- border-color: var(--borderColor-control-checked, transparent);`
	`151`	`+ border-color: var(--control-checked-borderColor-rest, transparent);`
`153`	`152`	`}`
`154`	`153`
`155`	`154`	`.SwitchButton:where([data-checked='true']:not([data-disabled='true']):hover),`