Default to light theme

assets/css/main.css

@@ -21,23 +21,20 @@
   --theme-color-light: #EBEBEB;
 
   --border-radius: 1px;
+
+  /* Light theme */
+  --color-purple: var(--color-light-purple);
+  --color-blue: var(--color-light-blue);
+  --color-blue-inverted: var(--color-dark-blue);
+  --background-color: var(--theme-color-light);
+  --text-decoration-color: var(--theme-color-dark);
+  --text-color: #000;
+  --text-color-inverted: #FFF;
 }
 
-@media (prefers-color-scheme: light) {
+body {
-  :root {
+  background: #212021;
-    --color-purple: var(--color-light-purple);
+  color: #FFF;
-    --color-blue: var(--color-light-blue);
-    --color-blue-inverted: var(--color-dark-blue);
-    --background-color: var(--theme-color-light);
-    --text-decoration-color: var(--theme-color-dark);
-    --text-color: #000;
-    --text-color-inverted: #FFF;
-  }
-
-  body {
-    background: #212021;
-    color: #FFF;
-  }
 }
 
 @media (prefers-color-scheme: dark) {
@@ -224,8 +221,8 @@ footer a:hover {
 /* Server listing */
 #server-list {
   overflow: auto;
-  display: flex; 
+  display: flex;
-  flex-wrap: wrap; 
+  flex-wrap: wrap;
   justify-content: center;
 }
 
@@ -411,11 +408,11 @@ footer a:hover {
   .mojang-status-online {
     background: #87D37C;
   }
-  
+
   .mojang-status-unstable {
     background: #f1c40f;
   }
-  
+
   .mojang-status-offline {
     background: #DE5749;
   }