diff --git a/log/login.css b/log/login.css
index 5ee41fbf..8808ee42 100644
--- a/log/login.css
+++ b/log/login.css
@@ -6,7 +6,7 @@
 
 body {
   display: flex;
-  background: linear-gradient(270deg, #06bdc0, #05d3e2);  
+  background: black;  
   justify-content: center;
   align-items: center;
   flex-direction: column;
@@ -501,3 +501,36 @@ input {
 .password-container input {
   padding-right: 30px; /* Adjust based on your eye icon size */
 }
+
+.container{
+  background-color: #143C3D;
+}
+form{
+  background-color: #143C3D;
+}
+.pass-link a{
+  color: cadetblue;
+}
+.pass-link a:hover{
+  color:aqua;
+}
+
+input[type="checkbox"] {
+  accent-color: aqua;
+}
+.checkbox label{
+  color:whitesmoke;
+}
+span{
+  color:whitesmoke;
+}
+.social-container a{
+  color: whitesmoke;
+}
+.social-container a:hover{
+  color: #4BB6B7;
+}
+.home-button{
+  background-color: #022A2D;
+  border:none;
+}
\ No newline at end of file
diff --git a/log/login.html b/log/login.html
index 78240567..44c4e6db 100644
--- a/log/login.html
+++ b/log/login.html
@@ -267,3 +267,12 @@ <h1>Hello, Friend!</h1>
   </script>
 </body>
 </html>
+
+<style>
+  body{
+    background-color: #1e1e1e;
+  }
+  .container{
+    background-color: #143C3D;
+  }
+</style>
\ No newline at end of file