diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/lib/Tools/Wrapped.svelte | 14 |
1 files changed, 6 insertions, 8 deletions
diff --git a/src/lib/Tools/Wrapped.svelte b/src/lib/Tools/Wrapped.svelte index de63c3c7..d530dcaf 100644 --- a/src/lib/Tools/Wrapped.svelte +++ b/src/lib/Tools/Wrapped.svelte @@ -113,7 +113,9 @@ if (element !== null) { domToBlob(element, { - backgroundColor: transparency ? undefined : dark ? '#0b1622' : '#edf1f5', + style: { + backgroundColor: transparency ? 'transparent' : dark ? '#0b1622' : '#edf1f5' + }, quality: 1, scale: 2, fetch: { @@ -318,17 +320,13 @@ <input type="checkbox" bind:checked={watermark} /> Enable watermark </li> <li> - <a href={'#'} on:click={() => screenshot(true)}>Generate dark themed image</a> + <input type="checkbox" bind:checked={transparency} /> Enable background transparency </li> <li> - <a href={'#'} on:click={() => screenshot()}>Generate light themed image</a> + <a href={'#'} on:click={() => screenshot(true)}>Generate dark themed image</a> </li> <li> - <a href={'#'} on:click={() => (transparency = !transparency)}> - <strike> - {transparency ? 'Disable' : 'Enable'} background transparency - </strike> - </a> + <a href={'#'} on:click={() => screenshot()}>Generate light themed image</a> </li> <li> <a href={'#'} on:click={() => (abbreviateTitles = !abbreviateTitles)}> |