From 0888cc1cbf334ab4b1e5af31455dddcac00ac241 Mon Sep 17 00:00:00 2001 From: Realmy <163438634+RealmyTheMan@users.noreply.github.com> Date: Wed, 13 Nov 2024 20:22:37 +0100 Subject: [PATCH] Fix progressive blur on dark mode --- src/app.scss | 2 ++ src/routes/convert/+page.svelte | 2 +- 2 files changed, 3 insertions(+), 1 deletion(-) diff --git a/src/app.scss b/src/app.scss index 7ebe433..3501bc1 100644 --- a/src/app.scss +++ b/src/app.scss @@ -33,6 +33,7 @@ --accent-bg: hsl(303, 73%, 81%); --accent-fg: hsl(0, 0, 10%); --bg: hsl(0, 0%, 100%); + --bg-transparent: hsla(0, 0%, 100%, 0.6); --fg: hsl(0, 0%, 10%); --fg-muted: hsl(0, 0%, 50%); --fg-muted-alt: hsl(0, 0%, 75%); @@ -44,6 +45,7 @@ --accent-bg: hsl(304, 41%, 21%); --accent-fg: hsl(303, 73%, 81%); --bg: hsl(0, 0%, 8%); + --bg-transparent: hsla(0, 0%, 8%, 0.8); --fg: hsl(0, 0%, 90%); --fg-muted: hsl(0, 0%, 50%); --fg-muted-alt: hsl(0, 0%, 25%); diff --git a/src/routes/convert/+page.svelte b/src/routes/convert/+page.svelte index 29fd5e4..a513198 100644 --- a/src/routes/convert/+page.svelte +++ b/src/routes/convert/+page.svelte @@ -376,7 +376,7 @@ direction={isSm ? "bottom" : "right"} endIntensity={128} iterations={6} - fadeTo="rgba(255, 255, 255, 0.6)" + fadeTo="var(--bg-transparent)" />