diff --git a/docs/_static/css/extra.css b/docs/_static/css/extra.css
index 8b13789..2bc1359 100644
--- a/docs/_static/css/extra.css
+++ b/docs/_static/css/extra.css
@@ -1 +1,15 @@
+[data-md-color-scheme="default"] .md-header {
+  background: #21232d;
+}
 
+[data-md-color-scheme="default"] .md-tabs {
+  background: #1d1e27;
+}
+
+[data-md-color-scheme="slate"] .md-header {
+  background: #21232d;
+}
+
+[data-md-color-scheme="slate"] .md-tabs {
+  background: #1d1e27;
+}
diff --git a/mkdocs.yml b/mkdocs.yml
index bcc57ee..9cd55e8 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -6,6 +6,9 @@ plugins:
   - social
   - autolinks
 
+extra_css:
+  - _static/css/extra.css
+
 extra:
   generator: false
 
@@ -18,8 +21,18 @@ theme:
     - navigation.tabs
     - navigation.footer
   palette:
-    primary: "light blue"
-    scheme: slate
+    - scheme: default
+      primary: "light blue"
+      media: "(prefers-color-scheme: light)"
+      toggle:
+        icon: material/brightness-7
+        name: Passer en mode sombre
+    - scheme: slate
+      primary: "black"
+      media: "(prefers-color-scheme: dark)"
+      toggle:
+        icon: material/brightness-4
+        name: Passer en mode clair
 
 markdown_extensions:
   - pymdownx.tabbed: