From 96749628639505e75145ea1e4571360accd110e5 Mon Sep 17 00:00:00 2001 From: intergrav Date: Mon, 23 Jun 2025 12:37:31 +0000 Subject: [PATCH] fix: @supports query for old browsers (light-dark) --- slight.css | 11 +++++++++-- 1 file(s) changed, 9 insertion(s)(+), 2 deletion(s)(-) diff --git a/slight.css b/slight.css --- a/slight.css +++ b/slight.css @@ -24,8 +24,15 @@ --sc-line-height: 1.5; /* set to 'revert' to use default */ --sc-max-width: 48rem; /* set to 'revert' to remove limit */ /* unsafe variables - not recommended to customize, may be removed or changed in the future */ - --sc-emphasizebd: light-dark(rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.2)); - --sc-emphasizebg: light-dark(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.1)); + --sc-emphasizebd: rgba(0, 0, 0, 0.2); + --sc-emphasizebg: rgba(0, 0, 0, 0.1); +} + +@supports (color: light-dark(white, black)) { + :root { + --sc-emphasizebd: light-dark(rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.2)); + --sc-emphasizebg: light-dark(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.1)); + } } /* 2. typography */ -- tangled.sh