ZenBrowserMirrors/astro-site-test
1
0
Fork 0
mirror of https://github.com/zen-browser/astro-site-test.git synced 2025-07-07 15:05:31 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(color-change): add input event listener for color updates and toggle visibility with Ctrl+C

Browse source
This commit is contained in:
taroj1205 2024-11-11 22:52:12 +13:00
parent 0d36566ae0
commit 601ed154dc
1 changed files with 11 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/components/color-change.astro
View file

@ -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>