diff --git a/web/html/login.html b/web/html/login.html
index 64f69e06..97d512ac 100644
--- a/web/html/login.html
+++ b/web/html/login.html
@@ -68,7 +68,7 @@
     z-index: 0;
   }
   .dark .under {
-    background-color: #0f2d32;
+    background-color: var(--dark-color-login-wave);
   }
   .dark #login {
     background-color: var(--dark-color-surface-100);
@@ -199,7 +199,7 @@
     z-index: -1;
   }
   .dark .waves-header {
-    background-color: var(--dark-color-background);
+    background-color: var(--dark-color-login-background);
   }
   .waves-inner-header {
     height: 50vh;
@@ -219,7 +219,7 @@
     animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
   }
   .dark .parallax > use {
-    fill: #0f2d32;
+    fill: var(--dark-color-login-wave);
   }
   .parallax > use:nth-child(1) {
     animation-delay: -2s;