diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 417b790..87d9ada 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -3,36 +3,49 @@ import Ticker from 'svelte-ticker';
import {HsvPicker} from 'svelte-color-picker';
import { enhance } from '$app/forms';
-function colorCallback(chryon_font_color) {
- let r = chryon_font_color.detail.r;
- let g = chryon_font_color.detail.g;
- let b = chryon_font_color.detail.b;
- let a = chryon_font_color.detail.a;
+
+function chyron_font_color_Callback(chyron_font_color) {
+ let r = chyron_font_color.detail.r;
+ let g = chyron_font_color.detail.g;
+ let b = chyron_font_color.detail.b;
+ let a = chyron_font_color.detail.a;
let horizontal = document.querySelector(".horizontal");
- horizontal.style.color = `rgb(${r},${g},${b},${a})`;
+ horizontal.style.color = `rgba(${r},${g},${b},${a})`;
+}
+
+function chyron_background_color_Callback(chyron_background_color) {
+ let rb = chyron_background_color.detail.r;
+ let gb = chyron_background_color.detail.g;
+ let bb = chyron_background_color.detail.b;
+ let ab = chyron_background_color.detail.a;
+ let hz_background = document.querySelector(".horizontal");
+ hz_background.style.background = `rgba(${rb},${gb},${bb},${ab})`;
}
/** @type {import('./$types').ActionData} */
export let form;
let chyron_text_01 = 'chyron text here. Mooooo.';
let chyron_text_02 = '1234567890. qwertyuyiop. asdfghjkl. zxcvbnm. chyron text here. Mooooo. 555.';
-let chyron_text_03 = '1234567890. qwertyuyiop. asdfghjkl. zxcvbnm.'
-let chyron_text_04 = ' 1234567890. qwertyuyiop. asdfghjkl. zxcvbnm.'
+let chyron_text_03 = '1234567890. qwertyuyiop. asdfghjkl. zxcvbnm.';
+let chyron_text_04 = ' 1234567890. qwertyuyiop. asdfghjkl. zxcvbnm.';
let chyron_font_size = 2.75;
let chyron_font_weight = 600;
let chyron_speed = 30;
-
-
Scrolltron
+
+
+
+
+ Font Color:
-