diff --git a/web/html/login.html b/web/html/login.html
index f56dbf66..77f58c6e 100644
--- a/web/html/login.html
+++ b/web/html/login.html
@@ -71,7 +71,7 @@
     background-color: #0f2d32;
   }
   .dark #login {
-    background-color: #101113;
+    background-color: var(--dark-color-surface-100);
   }
   .dark h1 {
     color: rgba(255, 255, 255);
@@ -199,7 +199,7 @@
     z-index: -1;
   }
   .dark .waves-header {
-    background-color: #0a2227;
+    background-color: var(--dark-color-background);
   }
   .waves-inner-header {
     height: 50vh;