Appearance

Background colour onChange({ ...layout, backgroundColor: (event.target as HTMLInputElement).value })} class="h-9 w-16 bg-surface-2" /> Text colour onChange({ ...layout, foregroundColor: (event.target as HTMLInputElement).value })} class="h-9 w-16 bg-surface-2" /> Widget panel opacity {Math.round((layout.widgetOpacity ?? 0.5) * 100)} percent onChange({ ...layout, widgetOpacity: Number((event.target as HTMLInputElement).value) / 100 })} class="w-full" />

Wallpapers

{#if images.length > 0} {images.length} {/if}

{#if images.length === 0}

No wallpaper set

{:else}

{#each images as image, index (image)}

{/each}

{/if} {#if uploadError}

{uploadError}

{/if}

PNG, JPEG, WEBP or GIF, up to 8 MB each.

{#if images.length > 1} Change every {layout.background.rotationSeconds ?? 60} seconds patchBackground({ rotationSeconds: Number((event.target as HTMLInputElement).value) })} class="w-full" /> {/if} {#if images.length > 0} Fit Dim {Math.round(layout.background.dim * 100)} percent patchBackground({ dim: Number((event.target as HTMLInputElement).value) / 100 })} class="w-full" /> {/if}