Merge branch 'apu52:main' into feat/dark-mode-in-guide-page

404.html

@@ -30,7 +30,7 @@
         <div>
             <lottie-player src="https://lottie.host/d255520b-69e6-4038-9c0d-dd0fea22ff34/cEkKelgU4A.json" background="##FFFFFF" speed="1" style="width: 300px; height: 300px" loop autoplay direction="1" mode="normal"></lottie-player>
         </div>
-        <button><a href="index.html">Home</a></button>
+        <button><a href="./index.html">Home</a></button>
     </div>
 
     <script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>

Image-Gallery/style.css

@@ -11,7 +11,7 @@ body {
   --text-light: #767268;
   --extra-light: #ffffff;
   --foot-light: #0d213f;
-  --arr-light: #3685fb;
+  --arr-light: #ffffff;
   --body-light: #ffffff;
   --secondary-color: #fafcff;
   --text-dark: #0d213f;
@@ -32,7 +32,7 @@ body {
 
 .dark-theme {
   --secondary-color: #0e1525;
-  --text-dark: #8c0ffa;
+  --text-dark: #ffffff;
   --arr-light: white;
   --body-light: #0e1525;
   --img-color:red;
@@ -122,9 +122,9 @@ body {
   padding-left: 20px;
   padding-right: 20px;
   width: auto;
-  background-color: transparent;
+  background-color: var(--btn-border);
   border: 2px solid var(--btn-border);
-  color: var(--btn-color);
+  color: var(--arr-light);
   font-weight: 500;
   font-size: 14px;
   letter-spacing: 2px;
@@ -177,11 +177,3 @@ body {
 #next {
   left: 100%;
 }
-.goog-te-gadget img {
-  vertical-align: middle;
-  border: none;
-  width: 110px; /* Ensure the width is set to auto */
-  height: auto; /* Ensure the height is set to auto */
-  max-width: 100%; /* Adjust this value if needed */
-  max-height: 100%; /* Adjust this value if needed */
-}