diff --git a/docs/guides/frameworks/matplotlib/matplotlib_example.md b/docs/guides/frameworks/matplotlib/matplotlib_example.md
index d8686aa1..f59ae2c0 100644
--- a/docs/guides/frameworks/matplotlib/matplotlib_example.md
+++ b/docs/guides/frameworks/matplotlib/matplotlib_example.md
@@ -22,18 +22,23 @@ in the `examples` project (in script) or the `Colab notebooks` project (in Jupyt
 
 The scatter plots appear in the **ClearML Web UI**, in **PLOTS**.
 
-![Matplotlib plot 1](../../../img/examples_matplotlib_example_01.png)
+![Matplotlib plot 1](../../../img/examples_matplotlib_example_01.png#light-mode-only)
+![Matplotlib plot 1](../../../img/examples_matplotlib_example_01_dark.png#dark-mode-only)
 
-![Matplotlib plot 2](../../../img/examples_matplotlib_example_02.png)
+![Matplotlib plot 2](../../../img/examples_matplotlib_example_02.png#light-mode-only)
+![Matplotlib plot 2](../../../img/examples_matplotlib_example_02_dark.png#dark-mode-only)
 
-![Matplotlib plot 3](../../../img/examples_matplotlib_example_03.png)
+![Matplotlib plot 3](../../../img/examples_matplotlib_example_03.png#light-mode-only)
+![Matplotlib plot 3](../../../img/examples_matplotlib_example_03_dark.png#dark-mode-only)
 
 ## Debug Samples
 
 The images appear in **DEBUG SAMPLES**. Each debug sample image is associated with a metric.
 
-![Matplotlib image plot](../../../img/examples_matplotlib_example_04.png)
+![Matplotlib image plot](../../../img/examples_matplotlib_example_04.png#light-mode-only)
+![Matplotlib image plot](../../../img/examples_matplotlib_example_04_dark.png#dark-mode-only)
 
 View the debug sample in the image viewer.
 
-![Image viewer](../../../img/examples_matplotlib_example_05.png)
\ No newline at end of file
+![Image viewer](../../../img/examples_matplotlib_example_05.png#light-mode-only)
+![Image viewer](../../../img/examples_matplotlib_example_05_dark.png#dark-mode-only)
\ No newline at end of file
diff --git a/docs/img/examples_matplotlib_example_01.png b/docs/img/examples_matplotlib_example_01.png
index a645f254..d506d897 100644
Binary files a/docs/img/examples_matplotlib_example_01.png and b/docs/img/examples_matplotlib_example_01.png differ
diff --git a/docs/img/examples_matplotlib_example_01_dark.png b/docs/img/examples_matplotlib_example_01_dark.png
new file mode 100644
index 00000000..eeb5ec64
Binary files /dev/null and b/docs/img/examples_matplotlib_example_01_dark.png differ
diff --git a/docs/img/examples_matplotlib_example_02.png b/docs/img/examples_matplotlib_example_02.png
index e40befc3..7e86d76f 100644
Binary files a/docs/img/examples_matplotlib_example_02.png and b/docs/img/examples_matplotlib_example_02.png differ
diff --git a/docs/img/examples_matplotlib_example_02_dark.png b/docs/img/examples_matplotlib_example_02_dark.png
new file mode 100644
index 00000000..bf091774
Binary files /dev/null and b/docs/img/examples_matplotlib_example_02_dark.png differ
diff --git a/docs/img/examples_matplotlib_example_03.png b/docs/img/examples_matplotlib_example_03.png
index 27436c35..ed528b50 100644
Binary files a/docs/img/examples_matplotlib_example_03.png and b/docs/img/examples_matplotlib_example_03.png differ
diff --git a/docs/img/examples_matplotlib_example_03_dark.png b/docs/img/examples_matplotlib_example_03_dark.png
new file mode 100644
index 00000000..6955cbba
Binary files /dev/null and b/docs/img/examples_matplotlib_example_03_dark.png differ
diff --git a/docs/img/examples_matplotlib_example_04.png b/docs/img/examples_matplotlib_example_04.png
index 6c9bc1a9..716bfb9e 100644
Binary files a/docs/img/examples_matplotlib_example_04.png and b/docs/img/examples_matplotlib_example_04.png differ
diff --git a/docs/img/examples_matplotlib_example_04_dark.png b/docs/img/examples_matplotlib_example_04_dark.png
new file mode 100644
index 00000000..e4a0c440
Binary files /dev/null and b/docs/img/examples_matplotlib_example_04_dark.png differ
diff --git a/docs/img/examples_matplotlib_example_05.png b/docs/img/examples_matplotlib_example_05.png
index 2aaca9f1..05e4db51 100644
Binary files a/docs/img/examples_matplotlib_example_05.png and b/docs/img/examples_matplotlib_example_05.png differ
diff --git a/docs/img/examples_matplotlib_example_05_dark.png b/docs/img/examples_matplotlib_example_05_dark.png
new file mode 100644
index 00000000..8fddd747
Binary files /dev/null and b/docs/img/examples_matplotlib_example_05_dark.png differ