fix: align dark mode neutral background contrast (#540)

jzempel · web-flow · commit 015808d0083f · 2025-08-12T14:40:19.000-04:00
diff --git a/packages/buttons/src/_color.css b/packages/buttons/src/_color.css
@@ -83,7 +83,7 @@
   @apply active:bg-blue-600/16;
   @apply active:text-blue-400;
 
-  @apply disabled:bg-grey-500/8 !important;
+  @apply disabled:bg-white/8 !important;
   @apply disabled:text-grey-700 !important;
 }
 
diff --git a/packages/forms/src/_input/_color.css b/packages/forms/src/_input/_color.css
@@ -71,7 +71,7 @@
     @apply [&:not(select)]:[&:not([type="color"])]:[&:not([type="file"])]:read-only:bg-grey-500/8;
 
     @apply disabled:border-grey-800 !important;
-    @apply disabled:bg-grey-500/8 !important;
+    @apply disabled:bg-white/8 !important;
     @apply disabled:text-grey-700 !important;
   }
 
diff --git a/packages/forms/src/_toggle/_color.css b/packages/forms/src/_toggle/_color.css
@@ -106,7 +106,7 @@
 
   .c-field__radio:disabled + .c-field__label::before,
   .c-field__checkbox:disabled + .c-field__label::before {
-    @apply bg-grey-500/24 !important;
+    @apply bg-white/24 !important;
   }
 
   /* stylelint-enable selector-max-specificity */

Original file line number	Diff line number	Diff line change
`@@ -83,7 +83,7 @@`
`83`	`83`	`@apply active:bg-blue-600/16;`
`84`	`84`	`@apply active:text-blue-400;`
`85`	`85`
`86`		`- @apply disabled:bg-grey-500/8 !important;`
	`86`	`+ @apply disabled:bg-white/8 !important;`
`87`	`87`	`@apply disabled:text-grey-700 !important;`
`88`	`88`	`}`
`89`	`89`
Original file line number	Diff line number	Diff line change
`@@ -71,7 +71,7 @@`
`71`	`71`	`@apply [&:not(select)]:[&:not([type="color"])]:[&:not([type="file"])]:read-only:bg-grey-500/8;`
`72`	`72`
`73`	`73`	`@apply disabled:border-grey-800 !important;`
`74`		`- @apply disabled:bg-grey-500/8 !important;`
	`74`	`+ @apply disabled:bg-white/8 !important;`
`75`	`75`	`@apply disabled:text-grey-700 !important;`
`76`	`76`	`}`
`77`	`77`
Original file line number	Diff line number	Diff line change
`@@ -106,7 +106,7 @@`
`106`	`106`
`107`	`107`	`.c-field__radio:disabled + .c-field__label::before,`
`108`	`108`	`.c-field__checkbox:disabled + .c-field__label::before {`
`109`		`- @apply bg-grey-500/24 !important;`
	`109`	`+ @apply bg-white/24 !important;`
`110`	`110`	`}`
`111`	`111`
`112`	`112`	`/* stylelint-enable selector-max-specificity */`