diff --git a/docs/images/robolectric-stacked.png b/docs/images/robolectric-stacked.png
index dcf7b6b0a..f59b5da9a 100644
Binary files a/docs/images/robolectric-stacked.png and b/docs/images/robolectric-stacked.png differ
diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
new file mode 100644
index 000000000..fa3cc4bc0
--- /dev/null
+++ b/docs/stylesheets/extra.css
@@ -0,0 +1,5 @@
+:root {
+    --md-primary-fg-color: #7FC06B;
+    --md-primary-fg-color--light: #7FC06B;
+    --md-primary-fg-color--dark: #7FC06B;
+}
diff --git a/mkdocs.yml b/mkdocs.yml
index f5fde4c13..e8e14228e 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -12,17 +12,22 @@ theme:
   icon:
     repo: fontawesome/brands/github
   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
-      primary: green
+      primary: custom
       toggle:
         icon: material/weather-night
         name: "Switch to dark mode"
     # Palette toggle for dark mode
     - media: "(prefers-color-scheme: dark)"
       scheme: slate
-      primary: green
+      primary: custom
       toggle:
         icon: material/weather-sunny
         name: "Switch to light mode"
@@ -32,6 +37,9 @@ theme:
     - navigation.sections
     - navigation.tabs
 
+extra_css:
+  - stylesheets/extra.css
+
 markdown_extensions:
   - pymdownx.highlight:
       anchor_linenums: true