add halloween egg to dark mode, dark mode docs

1 files changed, 20 insertions, 3 deletions

diff --git a/css/main.css b/css/main.css
index 640962e..8d87da1 100644
--- a/css/main.css
+++ b/css/main.css
@@ -6,14 +6,22 @@ html, body {
   padding: 0 0;
   text-align: center;
   font-size: 0;
-  background-color: #fdfcf3;
+  background-color: none; /* This used to be #fdfcf3 */
 }
 
+/* It literally took my like 15 minutes in a Discord call with Gavin and Aaron to figure out
+why this was not working. I tried like everything but this ended up solving it;
+https: //www.freecodecamp.org/forum/t/why-is-my-background-color-not-changing/251971
+So yea lol -10/04/2019 19:26*/
+
+/* // This is not really needed bc it doesn't fix the problem,
+   // just left it here for further reference.
 @media (prefers-color-scheme: dark) {
-  body {
-    background-color: black;
+  html, body {
+    background-color: #2d2d2d !important;
   }
 }
+*/
 
 body svg {
   position: absolute;
@@ -176,6 +184,15 @@ body {
   background: none;
 }
 
+/* // This was supposed to be for the dark mode feature but I
+   // took it out because it looked ugly asf
+@media (prefers-color-scheme: dark) {
+  body {
+    color: #fdfcf3;
+  }
+}
+*/
+
 @supports (font-variation-settings: normal) {
   body {
     font-family: 'Inter var', sans-serif;