final toggle style

2025-11-06 10:45:29 -05:00
parent e802d6238e
commit 8818ee6497
8 changed files with 40 additions and 106 deletions
@@ -0,0 +1,28 @@
+---
+import BrushIcon from "../../assets/svg/paintbrush.svg";
+---
+
+<input type="checkbox" x-model="darkMode" />
+
+<style>
+  input {
+    appearance: none;
+    height: 24px;
+    width: 24px;
+    background-image: url(../../assets/svg/moon.svg);
+    background-size: 24px;
+    padding: 10px;
+    border-radius: 100%;
+    transition: var(--transition);
+    transform: rotate(0deg) translateY(-2px);
+  }
+
+  input:hover {
+    opacity: 0.7;
+  }
+
+  input:checked {
+    background-image: url(../../assets/svg/sun.svg);
+    transform: rotate(180deg) translateY(2px);
+  }
+</style>