{ if (e.target === e.currentTarget) hideModal(); }} onkeydown={(e) => { if (e.target === e.currentTarget) hideModal(); }} role="button" tabindex="-1" transition:fade >
e.stopPropagation()} onkeydown={(e) => e.stopPropagation()} >
hideModal()}> {'\ued8a'}
{theme.name}
{theme.description}
{#if currentThemes.includes(theme.id)}
{installing = true; await onRemove(theme.id); installing = false}} class="relative flex items-center justify-center w-32 px-4 py-2 mt-4 ml-auto text-black rounded-full dark:text-white bg-zinc-300 dark:bg-zinc-700 dark:hover:bg-zinc-600/50 hover:bg-zinc-200"> {#if installing}
{/if}
Remove
{:else}
{installing = true; await onInstall(theme.id); installing = false}} class="relative flex items-center justify-center w-32 px-4 py-2 mt-4 ml-auto text-black rounded-full dark:text-white bg-zinc-300 dark:bg-zinc-700 dark:hover:bg-zinc-600/50 hover:bg-zinc-200"> {#if installing}
{/if}
Install
{/if}
Similar Themes
{#each getRelatedThemes() as relatedTheme (relatedTheme.id)}
{ hideModal(relatedTheme) }} class="w-full cursor-pointer">
{relatedTheme.name}
{/each}