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)"
 									/>
 								</div>
 							</div>