From 601ed154dc281affc00565514c0f5b4bc07e0b34 Mon Sep 17 00:00:00 2001 From: taroj1205 Date: Mon, 11 Nov 2024 22:52:12 +1300 Subject: [PATCH] feat(color-change): add input event listener for color updates and toggle visibility with Ctrl+C --- src/components/color-change.astro | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/src/components/color-change.astro b/src/components/color-change.astro index ca9454a..c2a3293 100644 --- a/src/components/color-change.astro +++ b/src/components/color-change.astro @@ -62,6 +62,17 @@ const color = (e.target as HTMLInputElement).value; document.documentElement.style.setProperty("--primary", color); }); + + colorInput?.addEventListener("input", (e) => { + const color = (e.target as HTMLInputElement).value; + document.documentElement.style.setProperty("--primary", color); + }); + + document.addEventListener("keydown", (e) => { + if (e.ctrlKey && e.key === "c") { + colorInput?.classList.toggle("hidden"); + } + });