From 765f61a2f8c087b50d342204ea150fc86f11d1e6 Mon Sep 17 00:00:00 2001 From: dutchcelt Date: Sun, 21 Jan 2024 17:34:52 +0100 Subject: [PATCH] color inheritance (fix for ios) --- src/system-colors.css | 4 ++-- src/system-selectors.css | 1 + 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/src/system-colors.css b/src/system-colors.css index e018db1..10cce5f 100644 --- 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 index 6b77988..db4db04 100644 --- 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']) {