css/styles.css

@@ -2,7 +2,7 @@
 body {
     font-family: 'Arial', sans-serif;
     background-color: #f1f1f1;
-    background-image: url("/images/dirt wallpaper.jpg");
+    background-image: url("/images/snow1.jpg");
     background-size: auto;
     margin: 0;
     padding: 0;
@@ -21,7 +21,7 @@ body.dark-mode {
 }
 
 header {
-    background-color: #5fff5a;
+    background-color: #8ffef8;
     color: black;
     padding: 20px 0;
     text-align: center;
@@ -54,7 +54,7 @@ main {
 }
 
 button, .source-btn, .dsc-btn, .clr-btn {
-    background-color: #5fff5a;
+    background-color: #0095ff;
     color: white;
     padding: 10px 20px;
     font-size: 16px;
@@ -66,7 +66,7 @@ button, .source-btn, .dsc-btn, .clr-btn {
     transition: background-color 0.3s ease, transform 0.3s ease;
 }
 .clientbutton button {
-    background-color: #5fff5a;
+    background-color: #0095ff;
 }
 button:hover {
     transform: scale(1.05)

js/darkmode.js

@@ -38,7 +38,7 @@ $(document).ready(function() {
             const body = document.querySelector('body');
             body.style.backgroundColor = '#f1f1f1';
             body.style.color = 'black';
-            body.style.backgroundImage= "url('/images/dirt wallpaper.jpg')";  
+            body.style.backgroundImage= "url('/images/snow1.jpg')";  
             const paragraphs = document.querySelectorAll('p');
             paragraphs.forEach(function(p) {
                 p.style.color = 'black';