Merge pull request #207 from yash19sinha/main

footer changed on toggle
avinash201199 · Oct 7, 2023 · 7dc8126 · 7dc8126
2 parents bd8a2a1 + 3d5c754
commit 7dc8126
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -31,7 +31,7 @@
 
 <body>
 
-  <nav class="navbar navbar-default  navbar-expand-lg  bg-white thinner">
+  <nav class="navbar navbar-default  navbar-expand-lg  bg-white thinner navcol">
     <div class="container-fluid">
         <div class="maintitle">
           <img src="./img/logo.gif"
@@ -150,9 +150,9 @@ <h3><span id="d1"></span></h3>
 
   <!-- FOOTER -->
   <footer>
-    <div class="container-fluid my-class">
+    <div class="container-fluid my-class foot">
       <div class="container">
-        <p class="textfooter">Made with 💝 by Avinash</p>
+        <p class="textfooter" style="margin-top: 2rem;">Made with 💝 by Avinash</p>
 
         <div>
           <ul style="color: white" class="social-links">

diff --git a/jquery.js b/jquery.js
@@ -4,6 +4,9 @@ function setLightTheme() {
     $('body').css({ "background": "linear-gradient(to right, #191654, #43C6AC)" })
     $('.digit').css({ "color": "white" })
     $('#light').prop("checked", false);
+    $('.foot').css({ "background": "white" });
+
+
 }
 
 function setDarkTheme() {
@@ -14,6 +17,9 @@ function setDarkTheme() {
     $('.digit').css({ "color": "rgb(216 137 31)" });
     $('.buttons').css({ "border-color": "white" });
     $('#light').prop("checked", true);
+    $('.foot').css({ "background": "#a7a7a7 " });
+
+
 }
 
 var prefersDarkThemeMql = window.matchMedia("(prefers-color-scheme: dark)");

diff --git a/script.js b/script.js
@@ -280,3 +280,5 @@ setInterval(() => {
     $id('d1').innerHTML = date;
 }, 1000);
 
+
+
diff --git a/style.css b/style.css
@@ -418,6 +418,7 @@ footer {
   align-items: center;
   text-decoration-color: white;
   text-emphasis-style: bold;
+
 }
 
 .social-links {