diff --git a/assets/css/login.css b/assets/css/login.css
index fa022bc9c..927e100ad 100644
--- a/assets/css/login.css
+++ b/assets/css/login.css
@@ -52,7 +52,7 @@ p {
   text-decoration-color: #fff;
 }
 .navbar-header a {
-  color: #ce6857;
+  color: rgb(247, 150, 150);
   font-size: 2rem;
   margin-left: 2rem;
 }
diff --git a/assets/css/style.css b/assets/css/style.css
index 9e92fb0f6..4241cb0ec 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -541,7 +541,7 @@ body {
 }
 
 .navbar-link:is(:hover, :focus) {
-  color: var(--old-rose);
+  color:  hsl(357, 37%, 62%);
 }
 
 .dropdown-menu {
@@ -1976,7 +1976,7 @@ input[type="submit"]:hover {
 .navbar-link:hover {
   font-size: 1.1em;
   /* border-bottom: 2px solid darkred; */
-  color: darkred;
+  color: #fcb0b480;
 }
 
 .navbar-link::after {
@@ -1985,7 +1985,7 @@ input[type="submit"]:hover {
   bottom: 1px;
   left: 0px;
   height: 3px;
-  background-color: darkred;
+  background-color: #fcb0b480;
   width: 0;
   height: 3px;
   box-shadow: 0 0 10px #f39d127e;
diff --git a/assets/images/logo_darkbg.png b/assets/images/logo_darkbg.png
new file mode 100644
index 000000000..ac268bdbc
Binary files /dev/null and b/assets/images/logo_darkbg.png differ
diff --git a/assets/images/logo_whitebg.png b/assets/images/logo_whitebg.png
index 96740c3d4..1dcb7b867 100644
Binary files a/assets/images/logo_whitebg.png and b/assets/images/logo_whitebg.png differ
diff --git a/assets/js/script.js b/assets/js/script.js
index 9370f0a1c..650820c56 100644
--- a/assets/js/script.js
+++ b/assets/js/script.js
@@ -147,10 +147,10 @@ const closeNavbar = function () {
 
 const toggleTheme = function () {
   if (currentTheme === 'light') {
-    logoImage.src = './assets/images/logoPicDark.png';
+    logoImage.src = './assets/images/logo_darkbg.png';
     currentTheme = 'dark';
   } else {
-    logoImage.src = './assets/images/logoPicLight.png';
+    logoImage.src = './assets/images/logo_whitebg.png';
     currentTheme = 'light';
   }
   // Save the current theme to localStorage
@@ -161,7 +161,7 @@ const toggleTheme = function () {
 if (currentTheme === 'dark') {
   logoImage.src = './assets/images/logoPicDark.png';
 } else {
-  logoImage.src = './assets/images/logoPicLight.png';
+  logoImage.src = './assets/images/logo_whitebg.png';
 }
 
 addEventOnelem(navToggler, 'click', toggleNavbar);
diff --git a/index.html b/index.html
index 7cc993419..ce60b0bfa 100644
--- a/index.html
+++ b/index.html
@@ -88,11 +88,11 @@
 
       <nav class="navbar" data-navbar>
         <a href="#home" onclick="lenis.scrollTo('#home');" class="logo" style="display:flex;">
-        <img src="./assets/images/LogoPicLight.png" alt="" class="logopic" style=" width:0.1px;opacity: 0;" />
+        <img src="./assets/images/logo_darkbg.png" alt="" class="logopic" style=" width:0.1px;opacity: 0;" />
         </a>
 
         <ul class="navbar-list">
-          <img src="assets/images/logo_whitebg.png" class="logopic" style=" width: 150px;">
+          <img src="assets/images/logo_darkbg.png" class="logopic" style=" width: 150px;">
 
           <li class="navbar-item">
             <a href="#home" onclick="lenis.scrollTo('#home')" class="navbar-link" data-nav-link><i