Configuration Settings done

src/static/css/dashboard.css

@@ -24,12 +24,6 @@
     font-weight: bold;
 }
 
-[data-bs-theme="dark"]{
-    hr{
-        border-color: #efefef;
-    }
-}
-
 #app{
     width: 100%;
     height: 100vh;
@@ -1071,7 +1065,13 @@ pre.index-alert {
 }
 
 .login-container-fluid{
-    height: calc(100% - 50px) !important;
+    height: calc(100% - 50px);
+}
+
+@media screen and (min-width: 576px) {
+    .login-container-fluid{
+        height: 100%;
+    }
 }
 
 .totp{
@@ -1203,4 +1203,31 @@ pre.index-alert {
 .slide-leave-to {
     opacity: 0;
     transform: translateX(50px) !important;
+}
+
+
+
+@property --bgdegree{
+    syntax: '<angle>';
+    initial-value: 234deg;
+    inherits: false;
+}
+
+.login-container-fluid{
+    background: linear-gradient(var(--bgdegree), #009fff1a var(--distance2), #ff4b001a 100%);
+    animation: login 8s ease-in-out infinite;
+}
+
+.login-container-fluid[data-bs-theme="dark"]{
+    background: linear-gradient(var(--bgdegree), #003555 var(--distance2), #521800 100%);
+    animation: login 8s ease-in-out infinite;
+}
+
+@keyframes login {
+    0%{
+        --bgdegree: 234deg;
+    }
+    100%{
+        --bgdegree: 594deg;
+    }
 }