KäptnIgluKettenschmieröl rettet das light theme

ReallifeGamemode.Client/assets/css/login/styles.scss

@@ -72,7 +72,9 @@ main {
         justify-content: space-between;
       }
     }
+  }
 
+  form {
     input {
       width: 100%;
       padding: 0 .25em;
@@ -142,6 +144,22 @@ main {
         background-size: contain;
       }
     }
+
+    #alert {
+      margin-top: .5em;
+      padding: .5em;
+
+      color: #FFF;
+      background-color: rgba(255, 125, 125, .25);
+
+      border: 1px solid rgba(255, 125, 125, .3);
+      border-radius: 5px;
+
+      &.hidden {
+        display: none;
+        visibility: hidden;
+      }
+    }
   }
 }
 
@@ -153,7 +171,7 @@ footer {
   position: fixed;
   bottom: 1em;
 
-  color: rgba(255, 255, 255, .5);
+  color: rgba(0, 0, 0, .5);
 
   .link-list {
     padding: 0;
@@ -163,3 +181,43 @@ footer {
     list-style: none;
   }
 }
+
+body.light {
+  color: #333;
+
+  main {
+    background-color: rgba(255, 255, 255, .5);
+  }
+
+  header {
+    background-image: url('../../img/splash-screen/logo-light.png');
+  }
+
+  form {
+    input {
+      background-color: rgba(255, 255, 255, .125);
+    }
+
+    span#password-visibility {
+      &::before {
+        color: rgba(0, 0, 0, .85);
+      }
+    }
+
+    button.transparent {
+      &#submit {
+        background-image: url('../../img/splash-screen/enter-dark.png');
+      }
+    }
+
+    #alert {
+      color: #985555;
+      background-color: rgba(255, 125, 125, .125);
+      border: 1px solid rgba(255, 125, 125, .15);
+    }
+  }
+
+  footer {
+    color: rgba(255, 255, 255, .5);
+  }
+}