{#each COLOR_OPTIONS as option} {@const colors = NOTE_COLORS[option.value]} onSelect(option.value)} class="h-8 w-8 rounded-full border-2 transition-transform hover:scale-110 {selected === option.value ? 'border-[var(--text)]' : 'border-[var(--border-subtle)]'}" style="background-color: {colors.bg}" title={option.label} data-testid="color-{option.value}" > {/each}