diff --git a/2021/mkdocs.yml b/2021/mkdocs.yml
index b7314ce99..dd937949c 100644
--- a/2021/mkdocs.yml
+++ b/2021/mkdocs.yml
@@ -13,6 +13,18 @@ theme:
     - navigation.sections
     - navigation.instant
     - search.suggest
+  palette:
+    - media: "(prefers-color-scheme: light)"
+      scheme: default
+      toggle:
+        icon: material/brightness-7
+        name: Switch to dark mode
+
+    - media: "(prefers-color-scheme: dark)"
+      scheme: slate
+      toggle:
+        icon: material/brightness-4
+        name: Switch to light mode
 
 nav:
   - Welcome Page: index.md
diff --git a/2025/mkdocs.yml b/2025/mkdocs.yml
index 35bee0cc0..1c32f5017 100644
--- a/2025/mkdocs.yml
+++ b/2025/mkdocs.yml
@@ -13,6 +13,18 @@ theme:
     - navigation.sections
     - navigation.instant
     - search.suggest
+  palette:
+    - media: "(prefers-color-scheme: light)"
+      scheme: default
+      toggle:
+        icon: material/brightness-7
+        name: Switch to dark mode
+
+    - media: "(prefers-color-scheme: dark)"
+      scheme: slate
+      toggle:
+        icon: material/brightness-4
+        name: Switch to light mode
 
 nav:
   - Home: 'en/index.md'
diff --git a/mkdocs.yml b/mkdocs.yml
index 7312e3688..1a5e64bbf 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -37,9 +37,21 @@ plugins:
 #For material
 theme:
   name: material
-  custom_dir: custom_theme/
+  # custom_dir: custom_theme/
   favicon: assets/WebSite_Favicon.png
   logo: "assets/OWASP_Logo_Transp.png"
+  palette:
+    - media: "(prefers-color-scheme: light)"
+      scheme: default
+      toggle:
+        icon: material/brightness-7
+        name: Switch to dark mode
+
+    - media: "(prefers-color-scheme: dark)"
+      scheme: slate
+      toggle:
+        icon: material/brightness-4
+        name: Switch to light mode
 markdown_extensions:
   - pymdownx.highlight
   - pymdownx.superfences # Required by Pygments