Update reporting images

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
 

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)
+![CSV table](../../img/examples_reporting_11.png#light-mode-only)
+![CSV table](../../img/examples_reporting_11_dark.png#dark-mode-only)

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)
+![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)