From 601ed154dc281affc00565514c0f5b4bc07e0b34 Mon Sep 17 00:00:00 2001
From: taroj1205 <taroj1205@gmail.com>
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");
+    }
+  });
 </script>
 
 <style>