From 01dd2bffbcf6a091c798f5c91613c5bd29f97da1 Mon Sep 17 00:00:00 2001 From: joekotvas Date: Sat, 4 Nov 2023 17:38:06 -0500 Subject: [PATCH] fix(global.css): increase heading brightness The text shadow on headings with transparent text and gradient backgrounds darkened the text 25%. This simple fix adds a css brightness filter to offseet this effect. --- src/styles/global.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/styles/global.css b/src/styles/global.css index d2227c5..c83485f 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -104,9 +104,11 @@ .text-shadow { text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25); + filter: brightness(1.25); } .text-shadow-sm { text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25); + filter: brightness(1.25); } .text-stroke { @@ -119,9 +121,11 @@ @media screen and (min-width: 1080px) { .text-shadow { text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); + filter: brightness(1.25); } .text-shadow-sm { text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25); + filter: brightness(1.25); } .text-stroke {