{#if open}
e.stopPropagation()} role="document">
settings
×
accent color
{#each ACCENT_PRESETS as preset (preset.color)}
handleAccentChange(preset.color)} title={preset.name} >
{/each}
handleAccentChange((e.target as HTMLInputElement).value)} />
font
{#each FONT_PRESETS as preset (preset.value)}
handleFontChange(preset.value)} > {preset.name}
{/each}
{#if auth.loggedIn}
{#if syncStatus === "saving"} saving... {:else if syncStatus === "saved"} saved! {:else if syncStatus === "error"} failed {:else} save preferences {/if}
synced across your devices
{/if}
{/if}