Updates styling for WinUtil.

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;
+}

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
 

mkdocs.yml

@@ -26,19 +26,28 @@ theme:
   logo: assets/favicon.png
   favicon: assets/favicon.png
   palette:
+    # Palette toggle for automatic mode
+    - media: "(prefers-color-scheme)"
+      toggle:
+        icon: material/brightness-auto
+        name: Switch to light mode
+
+    # Palette toggle for light mode
     - media: "(prefers-color-scheme: light)"
       scheme: default 
+
+
       toggle:
-        icon: material/toggle-switch-off-outline
+        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