style: changed color for box background and icons depending on light or

dark mode

src/VerseSampler.css

@@ -16,3 +16,15 @@
 .test-count-box-label {
   padding: 5px
 }
+
+@media (prefers-color-scheme: dark) {
+  .rct-icon {
+    color: white;
+  }
+}
+
+@media (prefers-color-scheme: light) {
+  .rct-icon {
+    color: black;
+  }
+}

src/VerseValidator.css

@@ -63,7 +63,16 @@
   width: 80%;
 }
 
-.correct {
+
-  background-color: #e6ffe6; /* Change the background color as needed */
+
+@media (prefers-color-scheme: light) {
+  .correct {
+    background-color: #e6ffe6; /* Change the background color as needed */
+  }
 }
 
+@media (prefers-color-scheme: dark) {
+  .correct {
+    background-color: #495749; /* Change the background color as needed */
+  }
+}