diff --git a/docs/assets/images/GN_Dark.png b/docs/assets/images/GN_Dark.png
new file mode 100644
index 0000000..63cacbc
Binary files /dev/null and b/docs/assets/images/GN_Dark.png differ
diff --git a/docs/assets/images/GN_Light.png b/docs/assets/images/GN_Light.png
new file mode 100644
index 0000000..c932972
Binary files /dev/null and b/docs/assets/images/GN_Light.png differ
diff --git a/docs/assets/images/GarudaNvimWbg.png b/docs/assets/images/GarudaNvimWbg.png
deleted file mode 100644
index 98590ac..0000000
Binary files a/docs/assets/images/GarudaNvimWbg.png and /dev/null differ
diff --git a/docs/assets/images/logo-bg-black.png b/docs/assets/images/logo-bg-black.png
deleted file mode 100644
index bc7ed4c..0000000
Binary files a/docs/assets/images/logo-bg-black.png and /dev/null differ
diff --git a/docs/assets/images/logo-dark.png b/docs/assets/images/logo-dark.png
index 9588373..de68e78 100644
Binary files a/docs/assets/images/logo-dark.png and b/docs/assets/images/logo-dark.png differ
diff --git a/docs/assets/images/logo-light.png b/docs/assets/images/logo-light.png
deleted file mode 100644
index 0124ea3..0000000
Binary files a/docs/assets/images/logo-light.png and /dev/null differ
diff --git a/docs/index.md b/docs/index.md
index 8e78e83..f35268a 100644
--- a/docs/index.md
+++ b/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!
diff --git a/mkdocs.yml b/mkdocs.yml
index 8531e26..6bda50c 100644
--- a/mkdocs.yml
+++ b/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: