diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
new file mode 100644
index 00000000..69b68875
--- /dev/null
+++ b/docs/stylesheets/extra.css
@@ -0,0 +1,13 @@
+/* Custom styles for MkDocs Material */
+body {
+    background-color: #c22525;
+}
+
+.md-nav__link {
+    color: #ff5722;
+}
+
+.md-typeset h1 {
+    font-size: 2.5em;
+    color: #3f51b5;
+}
diff --git a/docs/userguide.md b/docs/userguide.md
index 903a8d29..cc6af7a8 100644
--- a/docs/userguide.md
+++ b/docs/userguide.md
@@ -34,7 +34,7 @@
 #### Tweaks Addition
 * To enable tweaks on your system select Tweaks at the top next to Install.
 * Then you can select what tweaks you want adding to your system. We do have some presets you can select from at the top you can see this in the picture below.
-![Tweaks Screen](assets/TweaksScreen.PNG)
+![Tweaks Screen](assets/TweaksScreen.png)
 * After you have chosen your tweaks click the Run Tweaks button at the bottom of the screen.
 
 #### Tweaks Removal
@@ -58,7 +58,7 @@
 #### Shortcuts
 
 
-![Tweaks Screen](assets/TweaksScreen.PNG)
+![Tweaks Screen](assets/TweaksScreen.png)
 
 ### Config
 
diff --git a/mkdocs.yml b/mkdocs.yml
index 73681798..341c50f3 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -26,19 +26,28 @@ theme:
   logo: assets/favicon.png
   favicon: assets/favicon.png
   palette:
-    - media: "(prefers-color-scheme: light)"
-      scheme: default
+    # Palette toggle for automatic mode
+    - media: "(prefers-color-scheme)"
       toggle:
-        icon: material/toggle-switch-off-outline
+        icon: material/brightness-auto
+        name: Switch to light mode
+
+    # Palette toggle for light mode
+    - media: "(prefers-color-scheme: light)"
+      scheme: default 
+
+
+      toggle:
+        icon: material/brightness-7
         name: Switch to dark mode
-      primary: black
-      accent: purple
+
+    # Palette toggle for dark mode
     - media: "(prefers-color-scheme: dark)"
       scheme: slate
       toggle:
-        icon: material/toggle-switch
-        name: Switch to light mode
-      primary: teal
-      accent: lime
+        icon: material/brightness-4
+        name: Switch to system preference
   markdown_extensions:
     - admonition
+  extra_css:
+    - stylesheets/extra.css
\ No newline at end of file