diff --git a/src/app.css b/src/app.css
index 8517b24..cd62fdc 100644
--- a/src/app.css
+++ b/src/app.css
@@ -412,7 +412,7 @@ label.underlinedInputLabel {
 }
 
 .checkbox-container input:checked ~ .checkmark {
-  background-color: #2196f3;
+  background-color: var(--color-text);
 }
 
 input[type="checkbox"] {
@@ -442,16 +442,7 @@ input[type="checkbox"]::before {
   transition: 120ms transform ease-in-out;
   /* Windows High Contrast Mode */
   background-color: CanvasText;
-}
-@media (prefers-color-scheme: light) {
-  input[type="checkbox"]::before {
-    box-shadow: inset 1em 1em black;
-  }
-}
-@media (prefers-color-scheme: dark) {
-  input[type="checkbox"]::before {
-    box-shadow: inset 1em 1em white;
-  }
+  box-shadow: inset 1em 1em var(--color-text);
 }
 
 input[type="checkbox"]:checked::before {