Fixed image background in dark and light themes

And some minor changes

docs/index.md

@@ -3,13 +3,19 @@
     <span class="mh-color h-font">Welcome to GarudaNvim</span>
   </h1>    
   <img
-    alt="GarudaNvim Logo"
-    src="assets/images/GarudaNvim.png"
+    id="garuda-logo-dark"
+    class="garuda-logo"
+    alt="GarudaNvim Logo Dark"
+    src="assets/images/GN_Dark.png#only-dark"
+  >
+  <img
+    id="garuda-logo-light"
+    class="garuda-logo"
+    alt="GarudaNvim Logo Light"
+    src="assets/images/GN_Light.png#only-light"
   >
 </div>
 
-</br>
-
 ## <span class="sh-font msh-color">Introduction</span>
 
 Reimagining how you code!

mkdocs.yml

@@ -20,21 +20,18 @@ theme:
     - content.code.copy
   language: en
   palette:
-    - scheme: slate
+    - scheme: slate # dark theme
       toggle:
-        icon: material/toggle-switch-off-outline 
+        icon: material/weather-sunny 
         name: Switch to light mode
-      primary: black  # Softer, less harsh primary color
-      accent: amber  # A warmer accent for better contrast
-      background: '#121212'  # Darker background
-      surface: '#1E1E1E'  # Slightly lighter surface to differentiate sections
-      on-primary: 'white'  # Text color on primary elements
-      on-surface: 'white'  # Text color on general surfaces
-    - scheme: default 
+      primary: black
+      accent: amber
+    - scheme: default # light theme
       toggle:
-        icon: material/toggle-switch
+        icon: material/weather-night
         name: Switch to dark mode    
-      accent: orange
+      primary: indigo
+      accent: deep orange
 
 # Navigation
 nav: