diff --git a/css/logon.css b/css/logon.css
index a225d12..ca06095 100644
--- a/css/logon.css
+++ b/css/logon.css
@@ -31,8 +31,9 @@ main {
   width: 500px;
   padding: 40px;
   border-radius: 8px;
-  background-color: white;
-  box-shadow: 5px 5px 10px rgb(0,0,0,0.3);
+  background-color: var(--bg-color);
+  color: var(--text-color);
+  box-shadow: 5px 5px 10px rgb(0,0,0,.3);
 }
 .form_div {
   text-transform: uppercase;