Index: dbLearnStar-webApp/src/main/resources/META-INF/assets/QueryTest.css
===================================================================
--- dbLearnStar-webApp/src/main/resources/META-INF/assets/QueryTest.css	(revision 87813a6482154f6fdac7ca784b9976bf837bf386)
+++ dbLearnStar-webApp/src/main/resources/META-INF/assets/QueryTest.css	(revision b1218a17dc4f6b767ae236aa25fa8341aa283a8b)
@@ -41,5 +41,5 @@
 	clear: both;
 	display: inline;
-	background: #e0e0e0;
+	background: var(--main-bg-color-accent2);
 	padding: 0.2em;
 }
@@ -84,2 +84,10 @@
 	margin: 1em;
 }
+
+.close {
+	color: var(--main-font-color);
+}
+
+.close:hover {
+	color: var(--main-font-color);
+}
Index: dbLearnStar-webApp/src/main/resources/META-INF/assets/SubmissionEvaluations.css
===================================================================
--- dbLearnStar-webApp/src/main/resources/META-INF/assets/SubmissionEvaluations.css	(revision 87813a6482154f6fdac7ca784b9976bf837bf386)
+++ dbLearnStar-webApp/src/main/resources/META-INF/assets/SubmissionEvaluations.css	(revision b1218a17dc4f6b767ae236aa25fa8341aa283a8b)
@@ -44,5 +44,5 @@
 .modalSubmission {
 	max-height: 10em !important;
-	background: #e0e0e0 !important;
+	background: var(--main-bg-color-accent) !important;
 	padding: 0.5em !important;
 }
@@ -62,5 +62,5 @@
 .feedback {
 	max-height: 10em !important;
-	background: white !important;
+	background: var(--main-bg-color-accent) !important;
 	padding: 0.25em;
 	/* 	max-width: 15em; */
Index: dbLearnStar-webApp/src/main/resources/META-INF/assets/TestAdmin.css
===================================================================
--- dbLearnStar-webApp/src/main/resources/META-INF/assets/TestAdmin.css	(revision 87813a6482154f6fdac7ca784b9976bf837bf386)
+++ dbLearnStar-webApp/src/main/resources/META-INF/assets/TestAdmin.css	(revision b1218a17dc4f6b767ae236aa25fa8341aa283a8b)
@@ -14,5 +14,5 @@
 	left: 5em;
 	right: 5em;
-	background: white;
+	background: var(--main-bg-color-accent);
 	border: 1px solid black;
 	border-radius: 12px;
Index: dbLearnStar-webApp/src/main/resources/META-INF/assets/feedback-styles.css
===================================================================
--- dbLearnStar-webApp/src/main/resources/META-INF/assets/feedback-styles.css	(revision 87813a6482154f6fdac7ca784b9976bf837bf386)
+++ dbLearnStar-webApp/src/main/resources/META-INF/assets/feedback-styles.css	(revision b1218a17dc4f6b767ae236aa25fa8341aa283a8b)
@@ -1,5 +1,5 @@
 .box {
 	padding: 0.5em;
-	background: #e8e8ff;
+	background: var(--main-bg-color-box);
 	border-left: 3px black solid;
 }
Index: dbLearnStar-webApp/src/main/resources/META-INF/assets/site-overrides.css
===================================================================
--- dbLearnStar-webApp/src/main/resources/META-INF/assets/site-overrides.css	(revision 87813a6482154f6fdac7ca784b9976bf837bf386)
+++ dbLearnStar-webApp/src/main/resources/META-INF/assets/site-overrides.css	(revision b1218a17dc4f6b767ae236aa25fa8341aa283a8b)
@@ -8,4 +8,27 @@
 	--color-exception: #404040;
 }
+
+@media (prefers-color-scheme: dark) {
+  :root {
+  --main-bg-color: #260661ff;
+  --main-bg-color2: #260661ff;
+  --main-bg-color-box: #330B7Dff;
+  --main-bg-color-accent: #330B7Dff;
+  --main-bg-color-accent2: #00000080;
+  --main-font-color: white;
+  --main-font-color-hover: #E9FA5A;
+  --yt-font-color: #8E6600;
+  --sidebar-bg-color: #260661ff;
+  --main-border-color: rgb(0,0,0,0.15);
+  --main-underline-color: rgba(255,255,255,128);
+  --light: #080704;
+  --dark: #d4dac0;
+  --bs-body-bg: rgb(16,16,16);
+  --bs-body-color: white;
+  --bs-light-rgb: rgba(42,42,42,0.5);
+  --bs-bg-opacity: rgba(42,42,42,0.5);
+  }
+}
+
 
 body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
@@ -121,2 +144,55 @@
 }
 
+@media (prefers-color-scheme: dark) {
+  a {
+    color: #E2F72F;
+  }
+  
+  a:hover {
+    color: #A1B400;
+  }
+  
+  body {
+    background-color: var(--main-bg-color2);
+    color: var(--main-font-color);
+  }
+  
+  .card {
+    background-color: #7C8B00 !important;
+  }
+  
+  .card-header {
+    background-color: #A1B400 !important;
+  }
+  
+  .bg-light {
+    background-color: #7C8B00 !important;
+  }
+  
+  .table {
+    color: var(--main-font-color);
+  }
+  
+  .table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
+    background-color: var(--main-bg-color-accent);
+    color: var(--main-font-color-hover);
+  }
+  
+  .dropdown-menu {
+    background-color: #a0a0a0ff;
+  }
+  
+  pre {
+  	color: var(--main-font-color);
+  }
+  
+  .modal-content {
+  	background-color: var(--main-bg-color2);
+  	border-color: var(--main-bg-color2);
+  }
+  
+  .cke_wysiwyg_frame {
+  	background-color: #7C8B00 !important;
+  }
+  
+}