color inheritance (fix for ios)

dutchcelt · Jan 21, 2024 · 765f61a · 765f61a
1 parent 22731fa
commit 765f61a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/system-colors.css b/src/system-colors.css
@@ -43,9 +43,9 @@
 		--system-canvas-text: CanvasText;
 
 		/* Field is broken in iOS */
-		--system-field: color-mix(in oklab, Field var(--system-cs-state), Canvas);
+		--system-field: color-mix(in oklab, Field var(--system-cs-state), var(--system-canvas));
 		/* FieldText is broken in iOS */
-		--system-field-text: color-mix(in oklab, FieldText var(--system-cs-state), CanvasText);
+		--system-field-text: color-mix(in oklab, FieldText var(--system-cs-state), var(--system-canvas-text));
 
 		/* ButtonText is broken in Safari */
 		--system-gray-text: color-mix(in oklab, var(--system-canvas) 50%, var(--system-canvas-text));

diff --git a/src/system-selectors.css b/src/system-selectors.css
@@ -125,6 +125,7 @@
 	button,
 	textarea {
 		font: inherit;
+		color: inherit;
 		font-size: var(--system-font-size-m);
 		font-family: var(--system-font-family-interactive);
 		&:not([type='checkbox'], [type='radio']) {