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) {

- - foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo - barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr + +foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr
-