added some theming to the check box

netharuM · Jan 30, 2022 · 0e9b50f · 0e9b50f
1 parent 2bfaf9c
commit 0e9b50f
Showing 1 changed file with 26 additions and 0 deletions.
diff --git a/src/index.css b/src/index.css
@@ -227,6 +227,32 @@ input[type="range"]:hover::-webkit-slider-thumb {
     transform: scale(0.9);
 }
 
+.checkBox {
+    -webkit-appearance: none;
+    background-color: var(--background);
+    border: 1px solid var(--foreground);
+    padding: 9px;
+    border-radius: 3px;
+    display: inline-block;
+    position: relative;
+}
+.checkBox:checked {
+    background-color: var(--foreground);
+    border: 1px solid var(--background);
+    color: var(--background);
+}
+.checkBox:checked:after {
+    content: "\2714";
+    font-size: 14px;
+    position: absolute;
+    top: 0px;
+    left: 3px;
+}
+
+.checkBox:hover {
+    cursor: pointer;
+}
+
 ::selection {
     background: var(--foreground);
     color: var(--background);