From 90518ac00d432f744e1448617a5180abccbfcd14 Mon Sep 17 00:00:00 2001
From: Scott Rhamy <scott@rhamy.com>
Date: Thu, 16 Apr 2026 16:48:54 -0400
Subject: [PATCH] strong-webkit-fix

Currently <strong> text elements rendering dark Safari in darkmode. Webkit treats color: initial on inline replaced/formatted elements differently than Chrome/Firefox. The most reliable fix is avoiding inherit entirely and just setting an explicit color directly

Example [Transform](https://next.layerchart.com/docs/guides/transform#pointer-interactions)

Fix has been tested for dark and light modes in Safari, Chrome, Firefox.
---
 docs/src/app.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/docs/src/app.css b/docs/src/app.css
index e0c982166..ec9b7f23d 100644
--- a/docs/src/app.css
+++ b/docs/src/app.css
@@ -36,6 +36,10 @@
 		border-color: color-mix(in oklab, var(--color-surface-content) 20%, transparent);
 		outline-color: color-mix(in oklab, var(--color-surface-content) 20%, transparent);
 	}
+	strong {
+		color: currentColor !important; /* webkit fix for 'text-initial'  */
+		font-weight: 800 !important;
+	}
 }
 
 @layer utilities {