diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 2fb2e0e..7bd2e2f 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -2,11 +2,14 @@ import Ticker from 'svelte-ticker'; import {HsvPicker} from 'svelte-color-picker'; -function colorCallback(rgba) { +export function colorCallback(rgba) { let r = rgba.detail.r; let g = rgba.detail.g; let b = rgba.detail.b; let a = rgba.detail.a; + + let horizontal = document.querySelector(".horizontal"); + horizontal.style.color = `rgb(${r},${g},${b})`; } @@ -20,15 +23,13 @@ function colorCallback(rgba) {