diff --git a/text_analysis.css b/text_analysis.css
index 01ffbad..4662680 100644
--- a/text_analysis.css
+++ b/text_analysis.css
@@ -4,18 +4,34 @@
 }
 
 :root {
+    --background-color: #fff;
+    --text-color: #000;
     --notes-color: rgb(255, 235, 181);
     --spacer-color: rgba(0, 0, 0, 0.4);
     --spacer-color-2: rgba(0, 0, 0, 0.2);
-    --left-color: rgb(167, 179, 167);
-    --right-color: rgb(97, 206, 97);
+    --left-color: #a7b3a7;
+    --right-color: #61ce61;
     --font-normal: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
     --font-heonian: "heonian", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
 }
 
+@media (prefers-color-scheme: dark) {
+    :root {
+        --background-color: #000;
+        --text-color: #fff;
+        --notes-color: rgb(255, 235, 181);
+        --spacer-color: rgba(255, 255, 255, 0.4);
+        --spacer-color-2: rgba(255, 255, 255, 0.2);
+        --left-color: #a7b3a7;
+        --right-color: #61ce61;
+    }
+}
+
 body {
     margin: 0;
     font-family: var(--font-normal);
+    background-color: var(--background-color);
+    color: var(--text-color);
 }
 
 main {
diff --git a/todo b/todo
index 8a73d6b..9d34ccd 100644
--- a/todo
+++ b/todo
@@ -3,6 +3,6 @@
 [ ] both: names in both heonian and romanization
 [ ] generator: word list
     [ ] js: word lookup
-[ ] css: night mode lol
+[x] css: night mode lol
 [x] html: preload heonian font to prevent split second of it looking Strange
 [ ] ???: translation support..?
\ No newline at end of file