Preview
{#each previewModes as m (m)} {@const t = THEME_PREVIEW[m]}
{#if previewModes.length > 1}{m}{/if} Sample Task
{/each}
Color
{#each PRESETS as p (p.name)} {@const selected = draftHex.toLowerCase() === p.hex.toLowerCase()} {/each}
(draftHex = (e.currentTarget as HTMLInputElement).value)} /> (hexFocused = true)} oninput={(e) => (hexDraft = (e.currentTarget as HTMLInputElement).value)} onblur={(e) => { hexFocused = false; commitHexDraft((e.currentTarget as HTMLInputElement).value); }} onchange={(e) => commitHexDraft((e.currentTarget as HTMLInputElement).value)} onkeydown={(e) => { if (e.key === "Enter") commitHexDraft((e.currentTarget as HTMLInputElement).value); }} />