diff --git a/docs/guides/reporting/model_config.md b/docs/guides/reporting/model_config.md
index 2fada138..823a6459 100644
--- a/docs/guides/reporting/model_config.md
+++ b/docs/guides/reporting/model_config.md
@@ -44,14 +44,16 @@ output_model.update_weights(register_uri=model_url)
 ## WebApp
 The model appears in the task's **ARTIFACTS** tab.
 
-![Task artifacts](../../img/examples_model_logging_artifacts.png)
+![Task artifacts](../../img/examples_model_logging_artifacts.png#light-mode-only)
+![Task artifacts](../../img/examples_model_logging_artifacts_dark.png#dark-mode-only)
 
 Clicking on the model name takes you to the [model's page](../../webapp/webapp_model_viewing.md), where you can view the 
 model's details and access the model.
 
 The model's **LABELS** tab displays its label enumeration.
 
-![Model Labels tab](../../img/examples_model_logging_labels.png)
+![Model Labels tab](../../img/examples_model_logging_labels.png#light-mode-only)
+![Model Labels tab](../../img/examples_model_logging_labels_dark.png#dark-mode-only)
 
 ## Additional Example
 
diff --git a/docs/guides/reporting/pandas_reporting.md b/docs/guides/reporting/pandas_reporting.md
index 2e1edbfd..197e2c33 100644
--- a/docs/guides/reporting/pandas_reporting.md
+++ b/docs/guides/reporting/pandas_reporting.md
@@ -33,7 +33,8 @@ Logger.current_logger().report_table(
 )
 ```
 
-![image](../../img/examples_reporting_12.png)
+![DataFrame table](../../img/examples_reporting_12.png#light-mode-only)
+![DataFrame table](../../img/examples_reporting_12_dark.png#dark-mode-only)
 
 ## Reporting CSV Files as Tables
 
@@ -50,4 +51,5 @@ Logger.current_logger().report_table(
 )
 ```
 
-![image](../../img/examples_reporting_11.png)
\ No newline at end of file
+![CSV table](../../img/examples_reporting_11.png#light-mode-only)
+![CSV table](../../img/examples_reporting_11_dark.png#dark-mode-only)
\ No newline at end of file
diff --git a/docs/guides/reporting/plotly_reporting.md b/docs/guides/reporting/plotly_reporting.md
index 79954808..f9406f35 100644
--- a/docs/guides/reporting/plotly_reporting.md
+++ b/docs/guides/reporting/plotly_reporting.md
@@ -35,4 +35,5 @@ When the script runs, it creates a task named `plotly reporting` in the examples
 ClearML reports Plotly figures, and displays them in the **ClearML Web UI** **>** task's **PLOTS** 
 tab.
 
-![Web UI task plots](../../img/examples_reporting_13.png)
\ No newline at end of file
+![Web UI task plots](../../img/examples_reporting_13.png#light-mode-only)
+![Web UI task plots](../../img/examples_reporting_13_dark.png#dark-mode-only)
\ No newline at end of file
diff --git a/docs/img/examples_model_logging_artifacts.png b/docs/img/examples_model_logging_artifacts.png
index 7ce4ab15..e3682f38 100644
Binary files a/docs/img/examples_model_logging_artifacts.png and b/docs/img/examples_model_logging_artifacts.png differ
diff --git a/docs/img/examples_model_logging_artifacts_dark.png b/docs/img/examples_model_logging_artifacts_dark.png
new file mode 100644
index 00000000..3eef7ae5
Binary files /dev/null and b/docs/img/examples_model_logging_artifacts_dark.png differ
diff --git a/docs/img/examples_model_logging_labels.png b/docs/img/examples_model_logging_labels.png
index 5b58f43c..56a16275 100644
Binary files a/docs/img/examples_model_logging_labels.png and b/docs/img/examples_model_logging_labels.png differ
diff --git a/docs/img/examples_model_logging_labels_dark.png b/docs/img/examples_model_logging_labels_dark.png
new file mode 100644
index 00000000..ac868bf5
Binary files /dev/null and b/docs/img/examples_model_logging_labels_dark.png differ
diff --git a/docs/img/examples_reporting_11.png b/docs/img/examples_reporting_11.png
index 0db22794..f64435d1 100644
Binary files a/docs/img/examples_reporting_11.png and b/docs/img/examples_reporting_11.png differ
diff --git a/docs/img/examples_reporting_11_dark.png b/docs/img/examples_reporting_11_dark.png
new file mode 100644
index 00000000..82350430
Binary files /dev/null and b/docs/img/examples_reporting_11_dark.png differ
diff --git a/docs/img/examples_reporting_12.png b/docs/img/examples_reporting_12.png
index 21f395fe..b4f2c7af 100644
Binary files a/docs/img/examples_reporting_12.png and b/docs/img/examples_reporting_12.png differ
diff --git a/docs/img/examples_reporting_12_dark.png b/docs/img/examples_reporting_12_dark.png
new file mode 100644
index 00000000..736c4cf1
Binary files /dev/null and b/docs/img/examples_reporting_12_dark.png differ
diff --git a/docs/img/examples_reporting_13.png b/docs/img/examples_reporting_13.png
index d6c4a290..c6e2d335 100644
Binary files a/docs/img/examples_reporting_13.png and b/docs/img/examples_reporting_13.png differ
diff --git a/docs/img/examples_reporting_13_dark.png b/docs/img/examples_reporting_13_dark.png
new file mode 100644
index 00000000..955f0c49
Binary files /dev/null and b/docs/img/examples_reporting_13_dark.png differ