From 3993cd2e063724f5299e3a132911ee1b5f2f4b53 Mon Sep 17 00:00:00 2001
From: Maya <jovannmc@femboyfurry.net>
Date: Sun, 27 Jul 2025 00:45:00 +0300
Subject: [PATCH] fix: blur on cards

---
 src/routes/+layout.svelte | 1 -
 src/routes/+page.svelte   | 6 ++----
 2 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index f581e43..4c69cb6 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -83,7 +83,6 @@
 	});
 
 	$effect(() => {
-		// Enable plausible if enabled
 		enablePlausible =
 			!!PUB_PLAUSIBLE_URL && Settings.instance.settings.plausible;
 		if (!enablePlausible && browser) {
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 8b8bfb1..8e51015 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -2,7 +2,7 @@
 	import Uploader from "$lib/components/functional/Uploader.svelte";
 	import Tooltip from "$lib/components/visual/Tooltip.svelte";
 	import { converters } from "$lib/converters";
-	import { vertdLoaded } from "$lib/store/index.svelte";
+	import { theme, vertdLoaded } from "$lib/store/index.svelte";
 	import clsx from "clsx";
 	import { AudioLines, BookText, Check, Film, Image } from "lucide-svelte";
 	import { m } from "$lib/paraglide/messages";
@@ -223,9 +223,7 @@
 						{#if showBlur[i]}
 							<div
 								class="absolute left-0 bottom-0 w-full h-10 pointer-events-none"
-								style="
-									background: linear-gradient(to top, rgba(255,255,255,0.8), transparent 100%);
-								"
+								style={`background: linear-gradient(to top, var(--bg-panel), transparent 100%);`}
 							></div>
 						{/if}
 					</div>