From 6e6f2735246537ee709ab8e3d5e5668f01afd290 Mon Sep 17 00:00:00 2001 From: Marco Date: Sat, 1 Aug 2026 22:15:15 +0000 Subject: [PATCH] Match Klaro modal backdrop color to NewsletterModal's own overlay MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Klaro's default .cm-bg is plain black at 50% opacity — functionally correct (standard modal dimming, confirmed intentional, not a bug) but a different shade from this site's own established modal backdrop. Now matches NewsletterModal.tsx's rgba(134,134,134,0.9) exactly. Co-Authored-By: Claude Sonnet 5 --- app/components/KlaroConsentManager.tsx | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/app/components/KlaroConsentManager.tsx b/app/components/KlaroConsentManager.tsx index 8bd406f..c1058f1 100644 --- a/app/components/KlaroConsentManager.tsx +++ b/app/components/KlaroConsentManager.tsx @@ -45,6 +45,11 @@ function KlaroTheme() { specific Klaro rule was actually drawing it; the two rules below re-add exactly the borders this theme actually wants. */ .klaro, .klaro * { box-sizing: border-box; border: 0 !important; outline: 0 !important; } + /* Matches NewsletterModal.tsx's own backdrop color + (bg-[rgba(134,134,134,0.9)]) instead of Klaro's default plain + black at 50% — same dimming purpose, but consistent with how + every other modal on this site already looks. */ + .klaro .cm-bg { background: rgba(134, 134, 134, 0.9) !important; } .klaro .cookie-notice, .klaro .cookie-modal { box-shadow: 0 20px 44px -14px rgba(26,26,24,0.22), 0 4px 14px rgba(26,26,24,0.07) !important; border-radius: 18px !important;