Color scheme
{#each THEMES as t (t.id)}
pick(t.id)} aria-label={t.name}>
{t.name}
{t.note}
{/each}
Layout
{#each ARRANGEMENTS as a (a.id)} {@const on = (store.settings.arrangement ?? 'side') === a.id}
arrange(a.id)} aria-label={a.name}>
{#if a.id === 'side'}
{/if} {#if a.id === 'stacked'}
{:else}
{/if} {#if a.id === 'classic'}
{/if} {#if a.id === 'side'}
{/if}
{a.name}
{a.note}
{/each}
Narrow windows use the phone layout, except Stacked, which stays as it is.