diff --git a/docs/guides/reporting/scatter_hist_confusion_mat_reporting.md b/docs/guides/reporting/scatter_hist_confusion_mat_reporting.md
index 410b281b..0c5e2d4e 100644
--- a/docs/guides/reporting/scatter_hist_confusion_mat_reporting.md
+++ b/docs/guides/reporting/scatter_hist_confusion_mat_reporting.md
@@ -53,9 +53,11 @@ Logger.current_logger().report_histogram(
 )
 ```
 
-![image](../../img/examples_reporting_15.png)
+![Single histogram](../../img/examples_reporting_15.png#light-mode-only)
+![Single histogram](../../img/examples_reporting_15_dark.png#dark-mode-only)
 
-![image](../../img/examples_reporting_15a.png)
+![Double histogram](../../img/examples_reporting_15a.png#light-mode-only)
+![Double histogram](../../img/examples_reporting_15a_dark.png#dark-mode-only)
 
 ## Confusion Matrices
 
@@ -74,7 +76,8 @@ Logger.current_logger().report_confusion_matrix(
 )
 ```
 
-![image](../../img/examples_reporting_16.png)
+![Confusion matrix](../../img/examples_reporting_16.png#light-mode-only)
+![Confusion matrix](../../img/examples_reporting_16_dark.png#dark-mode-only)
 
 ```python
 # report confusion matrix with 0,0 is at the top left
@@ -89,6 +92,9 @@ Logger.current_logger().report_confusion_matrix(
 )
 ```
 
+![Confusion matrix](../../img/examples_reporting_16a.png#light-mode-only)
+![Confusion matrix](../../img/examples_reporting_16a_dark.png#dark-mode-only)
+
 ## 2D Scatter Plots
 
 Report 2D scatter plots by calling [`Logger.report_scatter2d()`](../../references/sdk/logger.md#report_scatter2d). 
@@ -132,4 +138,5 @@ Logger.current_logger().report_scatter2d(
 )
 ```    
 
-![image](../../img/examples_reporting_17.png)
\ No newline at end of file
+![Scatter plot](../../img/examples_reporting_17.png#light-mode-only)
+![Scatter plot](../../img/examples_reporting_17_dark.png#dark-mode-only)
\ No newline at end of file
diff --git a/docs/img/examples_reporting_15.png b/docs/img/examples_reporting_15.png
index 008b4d62..e893cc29 100644
Binary files a/docs/img/examples_reporting_15.png and b/docs/img/examples_reporting_15.png differ
diff --git a/docs/img/examples_reporting_15_dark.png b/docs/img/examples_reporting_15_dark.png
new file mode 100644
index 00000000..e2ccb396
Binary files /dev/null and b/docs/img/examples_reporting_15_dark.png differ
diff --git a/docs/img/examples_reporting_15a.png b/docs/img/examples_reporting_15a.png
index 2a38d0cb..f7e1bfb4 100644
Binary files a/docs/img/examples_reporting_15a.png and b/docs/img/examples_reporting_15a.png differ
diff --git a/docs/img/examples_reporting_15a_dark.png b/docs/img/examples_reporting_15a_dark.png
new file mode 100644
index 00000000..49bbe0f6
Binary files /dev/null and b/docs/img/examples_reporting_15a_dark.png differ
diff --git a/docs/img/examples_reporting_16.png b/docs/img/examples_reporting_16.png
index 69f4bda4..b0896cec 100644
Binary files a/docs/img/examples_reporting_16.png and b/docs/img/examples_reporting_16.png differ
diff --git a/docs/img/examples_reporting_16_dark.png b/docs/img/examples_reporting_16_dark.png
new file mode 100644
index 00000000..0016f843
Binary files /dev/null and b/docs/img/examples_reporting_16_dark.png differ
diff --git a/docs/img/examples_reporting_16a.png b/docs/img/examples_reporting_16a.png
new file mode 100644
index 00000000..8a78ad4f
Binary files /dev/null and b/docs/img/examples_reporting_16a.png differ
diff --git a/docs/img/examples_reporting_16a_dark.png b/docs/img/examples_reporting_16a_dark.png
new file mode 100644
index 00000000..019a65c6
Binary files /dev/null and b/docs/img/examples_reporting_16a_dark.png differ
diff --git a/docs/img/examples_reporting_17.png b/docs/img/examples_reporting_17.png
index 3e8c7254..ae742c16 100644
Binary files a/docs/img/examples_reporting_17.png and b/docs/img/examples_reporting_17.png differ
diff --git a/docs/img/examples_reporting_17_dark.png b/docs/img/examples_reporting_17_dark.png
new file mode 100644
index 00000000..bac07f9e
Binary files /dev/null and b/docs/img/examples_reporting_17_dark.png differ