From e0ed2e01c0ab67822fd177529363710eb69059d4 Mon Sep 17 00:00:00 2001
From: Johanna Dorothea Reichmann <transcaffeine@finally.coffee>
Date: Sat, 26 Nov 2022 00:08:41 +0100
Subject: [PATCH] fix: unescaped vars, convert to dark theme

---
 entropia/login/resources/css/login.css | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/entropia/login/resources/css/login.css b/entropia/login/resources/css/login.css
index 46f6d73..7cd0f24 100644
--- a/entropia/login/resources/css/login.css
+++ b/entropia/login/resources/css/login.css
@@ -12,7 +12,9 @@
 }
 
 .login-pf body {
-    background: --default-background-color;
+    background: var(--default-background-color) url(../img/background.jpg);
+    background-position: center;
+    background-size: cover;
     height: 100%;
 }
 
@@ -34,11 +36,12 @@ p.instruction {
 }
 
 .pf-c-button.pf-m-primary {
-    background: --default-background-color;
+    background: var(--default-background-color);
 }
 
 h1#kc-page-title {
     margin-top: 10px;
+    color: var(--pf-global--BackgroundColor-100);
 }
 
 #kc-locale ul {
@@ -164,6 +167,10 @@ div.kc-logo-text span {
     margin-top: 10px;
 }
 
+#kc-form-wraper .kc-form-login label {
+    color: var(--pf-global--active-color-100);
+}
+
 #kc-info {
     margin: 20px -40px -30px;
 }
@@ -498,6 +505,7 @@ ul#kc-totp-supported-apps {
     max-width: 500px;
     border-top: 4px solid;
     border-color: var(--pf-global--primary-color--100);
+    background: var(--pf-global--BackgroundColor--dark-300);
 }
 
 /*phone*/