diff --git a/README.md b/README.md
index 9fa44b3..9674261 100644
--- a/README.md
+++ b/README.md
@@ -40,7 +40,10 @@ It then transforms the data according to all possible pre-processing steps, find
 
 Those experiments are then compiled into an intuitive report, making it easier for scientists to pick the best design choice to be sent to large scale training.
 
-![A metro map describing the structure of the pipeline](assets/metromap.png)
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="assets/metromap.png">
+  <img alt="nf-core/deepmodeloptim metro map" src="assets/metromap_light.png">
+</picture>
 
 ## Usage
 
diff --git a/assets/metromap_light.png b/assets/metromap_light.png
new file mode 100644
index 0000000..62d43b5
Binary files /dev/null and b/assets/metromap_light.png differ