logochangein-darkmode-css

anuragverma108 · May 23, 2024 · 64063d2 · 64063d2
1 parent 3b7dccc
commit 64063d2
Show file tree

Hide file tree

Showing 6 changed files with 9 additions and 9 deletions.
diff --git 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
@@ -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
diff --git a/assets/images/logo_whitebg.png b/assets/images/logo_whitebg.png
diff --git 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
@@ -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