From ab11d8df2e1b8a716d8d8fa874e791039bae7dab Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Sun, 1 Oct 2023 20:56:15 -0700
Subject: feat(wrapped): transparency wrapped

---
 src/lib/Tools/Wrapped.svelte | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

(limited to 'src/lib/Tools')

diff --git a/src/lib/Tools/Wrapped.svelte b/src/lib/Tools/Wrapped.svelte
index 8a838d6c..ad381570 100644
--- a/src/lib/Tools/Wrapped.svelte
+++ b/src/lib/Tools/Wrapped.svelte
@@ -22,6 +22,7 @@
 	let mangaList: Media[] | undefined = undefined;
 	let abbreviateTitles = true;
 	let maxAbbreviateLength = 40;
+	let transparency = false;
 
 	onMount(async () => {
 		if (user !== undefined) {
@@ -108,7 +109,7 @@
 		if (element !== null) {
 			domtoimage
 				.toBlob(element, {
-					bgcolor: dark ? '#060506' : '#f8f8f8'
+					bgcolor: transparency ? undefined : dark ? '#060506' : '#f8f8f8'
 				})
 				.then((blob) => {
 					const link = document.createElement('a');
@@ -277,6 +278,11 @@
 			<li>
 				<a href={'#'} on:click={() => screenshot()}>Download light themed image</a>
 			</li>
+			<li>
+				<a href={'#'} on:click={() => (transparency = !transparency)}>
+					{transparency ? 'Disable' : 'Enable'} background transparency
+				</a>
+			</li>
 			<li>
 				<a href={'#'} on:click={() => (abbreviateTitles = !abbreviateTitles)}>
 					{abbreviateTitles ? 'Display full titles' : 'Abbreviate titles'}
-- 
cgit v1.2.3