diff options
Diffstat (limited to 'src/lib/Tools')
| -rw-r--r-- | src/lib/Tools/Wrapped.svelte | 8 |
1 files changed, 7 insertions, 1 deletions
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'); @@ -278,6 +279,11 @@ <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'} </a> |