Fix progressive blur on dark mode

This commit is contained in:
Realmy 2024-11-13 20:22:37 +01:00
parent 3fa26505b1
commit 0888cc1cbf
2 changed files with 3 additions and 1 deletions

View File

@ -33,6 +33,7 @@
--accent-bg: hsl(303, 73%, 81%); --accent-bg: hsl(303, 73%, 81%);
--accent-fg: hsl(0, 0, 10%); --accent-fg: hsl(0, 0, 10%);
--bg: hsl(0, 0%, 100%); --bg: hsl(0, 0%, 100%);
--bg-transparent: hsla(0, 0%, 100%, 0.6);
--fg: hsl(0, 0%, 10%); --fg: hsl(0, 0%, 10%);
--fg-muted: hsl(0, 0%, 50%); --fg-muted: hsl(0, 0%, 50%);
--fg-muted-alt: hsl(0, 0%, 75%); --fg-muted-alt: hsl(0, 0%, 75%);
@ -44,6 +45,7 @@
--accent-bg: hsl(304, 41%, 21%); --accent-bg: hsl(304, 41%, 21%);
--accent-fg: hsl(303, 73%, 81%); --accent-fg: hsl(303, 73%, 81%);
--bg: hsl(0, 0%, 8%); --bg: hsl(0, 0%, 8%);
--bg-transparent: hsla(0, 0%, 8%, 0.8);
--fg: hsl(0, 0%, 90%); --fg: hsl(0, 0%, 90%);
--fg-muted: hsl(0, 0%, 50%); --fg-muted: hsl(0, 0%, 50%);
--fg-muted-alt: hsl(0, 0%, 25%); --fg-muted-alt: hsl(0, 0%, 25%);

View File

@ -376,7 +376,7 @@
direction={isSm ? "bottom" : "right"} direction={isSm ? "bottom" : "right"}
endIntensity={128} endIntensity={128}
iterations={6} iterations={6}
fadeTo="rgba(255, 255, 255, 0.6)" fadeTo="var(--bg-transparent)"
/> />
</div> </div>
</div> </div>