diff --git a/docs/guides/frameworks/pytorch/pytorch_abseil.md b/docs/guides/frameworks/pytorch/pytorch_abseil.md
index 0975cb91..95b7c51b 100644
--- a/docs/guides/frameworks/pytorch/pytorch_abseil.md
+++ b/docs/guides/frameworks/pytorch/pytorch_abseil.md
@@ -42,29 +42,34 @@ Logger.current_logger().report_scalar(
 These scalars can be visualized in plots, which appear in the [ClearML web UI](../../../webapp/webapp_overview.md), in 
 the task's **SCALARS** tab. 
 
-![image](../../../img/examples_pytorch_mnist_07.png)
+![Scalars](../../../img/examples_pytorch_mnist_07.png#light-mode-only)
+![Scalars](../../../img/examples_pytorch_mnist_07_dark.png#dark-mode-only)
 
 ## Hyperparameters
 
 ClearML automatically logs command line options defined with abseil flags. They appear in **CONFIGURATION** **>** 
 **HYPERPARAMETERS** **>** **TF_DEFINE**.
 
-![image](../../../img/examples_pytorch_abseil_params.png)
+![Hyperparameters](../../../img/examples_pytorch_abseil_params.png#light-mode-only)
+![Hyperparameters](../../../img/examples_pytorch_abseil_params_dark.png#dark-mode-only)
 
 ## Console
 
 Text printed to the console for training progress, as well as all other console output, appear in **CONSOLE**.
 
-![image](../../../img/examples_pytorch_mnist_06.png)
+![Console](../../../img/examples_pytorch_mnist_06.png#light-mode-only)
+![Console](../../../img/examples_pytorch_mnist_06_dark.png#dark-mode-only)
 
 ## Artifacts
 
 Models created by the task appear in the task's **ARTIFACTS** tab. ClearML automatically logs and tracks 
 models and any snapshots created using PyTorch.  
 
-![image](../../../img/examples_pytorch_abseil_models.png)
+![Artifacts](../../../img/examples_pytorch_abseil_models.png#light-mode-only)
+![Artifacts](../../../img/examples_pytorch_abseil_models_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.
 
-![image](../../../img/examples_pytorch_abseil_models_2.png)
\ No newline at end of file
+![Model](../../../img/examples_pytorch_abseil_models_2.png#light-mode-only)
+![Model](../../../img/examples_pytorch_abseil_models_2_dark.png#dark-mode-only)
\ No newline at end of file
diff --git a/docs/guides/reporting/3d_plots_reporting.md b/docs/guides/reporting/3d_plots_reporting.md
index 080c6fdf..1d068c82 100644
--- a/docs/guides/reporting/3d_plots_reporting.md
+++ b/docs/guides/reporting/3d_plots_reporting.md
@@ -1,5 +1,5 @@
 ---
-title: 3D Plots Reporting
+title: 3D Plot Reporting
 ---
 
 The [3d_plots_reporting.py](https://github.com/clearml/clearml/blob/master/examples/reporting/3d_plots_reporting.py) 
@@ -28,7 +28,8 @@ Logger.current_logger().report_surface(
 ```
 View the reported surface plot in **PLOTS**.
 
-![Surface plot](../../img/examples_reporting_02.png)
+![Surface plot](../../img/examples_reporting_02.png#light-mode-only)
+![Surface plot](../../img/examples_reporting_02_dark.png#dark-mode-only)
 
 ## 3D Scatter Plot
 
@@ -49,4 +50,5 @@ Logger.current_logger().report_scatter3d(
 ```
 
 View the reported 3D scatter plot in **PLOTS**.
-![3d scatter plot](../../img/examples_reporting_01.png)
+![3d scatter plot](../../img/examples_reporting_01.png#light-mode-only)
+![3d scatter plot](../../img/examples_reporting_01_dark.png#dark-mode-only)
diff --git a/docs/guides/reporting/artifacts.md b/docs/guides/reporting/artifacts.md
index 8c764169..65d7e34a 100644
--- a/docs/guides/reporting/artifacts.md
+++ b/docs/guides/reporting/artifacts.md
@@ -25,8 +25,9 @@ is different). Configure ClearML in any of the following ways:
 When the script runs, it creates a task named `artifacts example` in the `examples` project. 
 
 ClearML reports artifacts in the **ClearML Web UI** **>** task details **>** **ARTIFACTS** tab.
-
-![Task artifacts](../../img/examples_reporting_03.png)
+examples_reporting_03
+![Task artifacts](../../img/examples_reporting_03.png#light-mode-only)
+![Task artifacts](../../img/examples_reporting_03_dark.png#dark-mode-only)
 
 ## Dynamically Tracked Artifacts
 
diff --git a/docs/guides/reporting/clearml_logging_example.md b/docs/guides/reporting/clearml_logging_example.md
index 34713dba..9b71789b 100644
--- a/docs/guides/reporting/clearml_logging_example.md
+++ b/docs/guides/reporting/clearml_logging_example.md
@@ -27,7 +27,8 @@ for i in range(10):
     logger.report_scalar(title="graph B", series="series B", iteration=i, value=10./(i+1))
 ```
 
-![Separate scalar plots](../../img/colab_explicit_reporting_01.png)
+![Separate scalar plots](../../img/colab_explicit_reporting_01.png#light-mode-only)
+![Separate scalar plots](../../img/colab_explicit_reporting_01_dark.png#dark-mode-only)
 
 ```python
 # report two scalar series on the same graph
@@ -36,7 +37,8 @@ for i in range(10):
     logger.report_scalar(title="unified graph", series="series B", iteration=i, value=10./(i+1))
 ```    
 
-![Unified scalar plots](../../img/colab_explicit_reporting_02.png)
+![Unified scalar plots](../../img/colab_explicit_reporting_02.png#light-mode-only)
+![Unified scalar plots](../../img/colab_explicit_reporting_02_dark.png#dark-mode-only)
 
 ## Plots
 
@@ -63,7 +65,8 @@ logger.report_scatter2d(
 )
 ```
 
-![2d scatter plot](../../img/colab_explicit_reporting_04.png)
+![2d scatter plot](../../img/colab_explicit_reporting_04.png#light-mode-only)
+![2d scatter plot](../../img/colab_explicit_reporting_04_dark.png#dark-mode-only)
 
 ### 3D Plots
 
@@ -83,7 +86,8 @@ logger.report_scatter3d(
 )
 ```
 
-![3d scatter plot](../../img/colab_explicit_reporting_05.png)
+![3d scatter plot](../../img/colab_explicit_reporting_05.png#light-mode-only)
+![3d scatter plot](../../img/colab_explicit_reporting_05_dark.png#dark-mode-only)
 
 To plot a series as a surface plot, use [`Logger.report_surface()`](../../references/sdk/logger.md#report_surface).
 
@@ -101,7 +105,8 @@ logger.report_surface(
 )
 ```
 
-![3d surface plot](../../img/colab_explicit_reporting_06.png)
+![3d surface plot](../../img/colab_explicit_reporting_06.png#light-mode-only)
+![3d surface plot](../../img/colab_explicit_reporting_06_dark.png#dark-mode-only)
 
 ### Confusion Matrices
 
@@ -120,7 +125,8 @@ logger.report_confusion_matrix(
 )
 ```   
 
-![Confusion matrix](../../img/colab_explicit_reporting_03.png)
+![Confusion matrix](../../img/colab_explicit_reporting_03.png#light-mode-only)
+![Confusion matrix](../../img/colab_explicit_reporting_03_dark.png#dark-mode-only)
 
 ### Histograms
 
@@ -140,7 +146,8 @@ logger.report_histogram(
 )
 ```
     
-![Histogram](../../img/colab_explicit_reporting_12.png)
+![Histogram](../../img/colab_explicit_reporting_12.png#light-mode-only)
+![Histogram](../../img/colab_explicit_reporting_12_dark.png#dark-mode-only)
     
 ```python
 # report a two histograms on the same plot
@@ -164,7 +171,8 @@ logger.report_histogram(
 )
 ```
 
-![Two histograms in one plot](../../img/colab_explicit_reporting_07.png)
+![Two histograms in one plot](../../img/colab_explicit_reporting_07.png#light-mode-only)
+![Two histograms in one plot](../../img/colab_explicit_reporting_07_dark.png#dark-mode-only)
 
 ## Media
 
@@ -188,7 +196,8 @@ image_local_copy = StorageManager.get_local_copy(
 logger.report_media(title='audio', series='pink panther', iteration=1, local_path=audio_local_copy)
 ``` 
 
-![Audio sample](../../img/colab_explicit_reporting_08.png)
+![Audio sample](../../img/colab_explicit_reporting_08.png#light-mode-only)
+![Audio sample](../../img/colab_explicit_reporting_08_dark.png#dark-mode-only)
 
 ### HTML
 
@@ -201,7 +210,8 @@ logger.report_media(
 )
 ```
 
-![HTML sample](../../img/colab_explicit_reporting_09.png)
+![HTML sample](../../img/colab_explicit_reporting_09.png#light-mode-only)
+![HTML sample](../../img/colab_explicit_reporting_09_dark.png#dark-mode-only)
 
 ### Images
 
@@ -214,7 +224,8 @@ logger.report_image(
 )
 ```
 
-![Image sample](../../img/colab_explicit_reporting_10.png)
+![Image sample](../../img/colab_explicit_reporting_10.png#light-mode-only)
+![Image sample](../../img/colab_explicit_reporting_10_dark.png#dark-mode-only)
 
 ### Video
 
@@ -227,7 +238,8 @@ logger.report_media(
 )
 ```
 
-![Video sample](../../img/colab_explicit_reporting_11.png)
+![Video sample](../../img/colab_explicit_reporting_11.png#light-mode-only)
+![Video sample](../../img/colab_explicit_reporting_11_dark.png#dark-mode-only)
 
 ## Text
 
@@ -237,4 +249,5 @@ Report text messages by calling [`Logger.report_text()`](../../references/sdk/lo
 logger.report_text("hello, this is plain text")
 ```    
 
-![Text report to console](../../img/colab_explicit_reporting_13.png)
\ No newline at end of file
+![Text report to console](../../img/colab_explicit_reporting_13.png#light-mode-only)
+![Text report to console](../../img/colab_explicit_reporting_13_dark.png#dark-mode-only)
\ No newline at end of file
diff --git a/docs/guides/reporting/html_reporting.md b/docs/guides/reporting/html_reporting.md
index 1842e941..0f03bae3 100644
--- a/docs/guides/reporting/html_reporting.md
+++ b/docs/guides/reporting/html_reporting.md
@@ -9,7 +9,8 @@ ClearML reports these HTML debug samples in the **ClearML Web UI** **>** task's
 
 When the script runs, it creates a task named `html samples reporting` in the `examples` project.
 
-![image](../../img/examples_reporting_05.png)
+![Debug Samples](../../img/examples_reporting_05.png#light-mode-only)
+![Debug Samples](../../img/examples_reporting_05_dark.png#dark-mode-only)
 
 ## Reporting HTML URLs
 
diff --git a/docs/guides/reporting/hyper_parameters.md b/docs/guides/reporting/hyper_parameters.md
index 4866da26..1ecdaca1 100644
--- a/docs/guides/reporting/hyper_parameters.md
+++ b/docs/guides/reporting/hyper_parameters.md
@@ -30,7 +30,8 @@ args = parser.parse_args()
 
 Command line options appears in **HYPERPARAMETERS** **>** **Args**.
 
-![image](../../img/examples_reporting_hyper_param_01.png)
+![Command line options](../../img/examples_reporting_hyper_param_01.png#light-mode-only)
+![Command line options](../../img/examples_reporting_hyper_param_01_dark.png#dark-mode-only)
 
 ## TensorFlow Definitions
 
@@ -50,7 +51,8 @@ flags.DEFINE_string('echo5', '5', 'Text to echo.', module_name='test')
 
 TensorFlow Definitions appear in **HYPERPARAMETERS** **>** **TF_DEFINE**.
 
-![image](../../img/examples_reporting_hyper_param_03.png)
+![TF Defines](../../img/examples_reporting_hyper_param_03.png#light-mode-only)
+![TF Defines](../../img/examples_reporting_hyper_param_03_dark.png#dark-mode-only)
 
 ## Parameter Dictionaries
 
@@ -78,5 +80,6 @@ parameters['float'] = '9.9'
 
 Parameters from dictionaries connected to Tasks appear in **HYPERPARAMETERS** **>** **General**.
 
-![image](../../img/examples_reporting_hyper_param_02.png)
+![Parameter dictionaries](../../img/examples_reporting_hyper_param_02.png#light-mode-only)
+![Parameter dictionaries](../../img/examples_reporting_hyper_param_02_dark.png#dark-mode-only)
 
diff --git a/docs/guides/reporting/image_reporting.md b/docs/guides/reporting/image_reporting.md
index eb61136d..3b570d14 100644
--- a/docs/guides/reporting/image_reporting.md
+++ b/docs/guides/reporting/image_reporting.md
@@ -50,8 +50,10 @@ Logger.current_logger().report_image(
 ClearML reports these images as debug samples in the **ClearML Web UI**, under the task's
 **DEBUG SAMPLES** tab. 
 
-![Debug samples](../../img/examples_reporting_07.png)
+![Debug samples](../../img/examples_reporting_07.png#light-mode-only)
+![Debug samples](../../img/examples_reporting_07_dark.png#dark-mode-only)
 
 Click a thumbnail to open the image viewer.
 
-![Image viewer](../../img/examples_reporting_07a.png)
\ No newline at end of file
+![Image viewer](../../img/examples_reporting_07a.png#light-mode-only)
+![Image viewer](../../img/examples_reporting_07a_dark.png#dark-mode-only)
\ No newline at end of file
diff --git a/docs/guides/reporting/media_reporting.md b/docs/guides/reporting/media_reporting.md
index 6e5b79ec..40147d3f 100644
--- a/docs/guides/reporting/media_reporting.md
+++ b/docs/guides/reporting/media_reporting.md
@@ -40,7 +40,8 @@ Logger.current_logger().report_media(
 
 The reported audio can be viewed in the **DEBUG SAMPLES** tab. Click a thumbnail to open the audio player.
 
-![Audio debug samples](../../img/examples_reporting_08.png)
+![Audio debug samples](../../img/examples_reporting_08.png#light-mode-only)
+![Audio debug samples](../../img/examples_reporting_08_dark.png#dark-mode-only)
 
 
 ## Reporting (Uploading) Media from a Local File
@@ -59,4 +60,5 @@ Logger.current_logger().report_media(
     
 The reported video can be viewed in the **DEBUG SAMPLES** tab. Click a thumbnail to open the video player.
 
-![Video debug samples](../../img/examples_reporting_09.png)
+![Video debug samples](../../img/examples_reporting_09.png#light-mode-only)
+![Video debug samples](../../img/examples_reporting_09_dark.png#dark-mode-only)
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/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/guides/reporting/using_artifacts.md b/docs/guides/reporting/using_artifacts.md
index f470d971..d51061ba 100644
--- a/docs/guides/reporting/using_artifacts.md
+++ b/docs/guides/reporting/using_artifacts.md
@@ -23,7 +23,8 @@ initialized in the same script.
 
 Artifact details (location and size) can be viewed in ClearML's **web UI > task details > ARTIFACTS tab > OTHER section**. 
 
-![Artifacts in WebApp](../../img/examples_using_artifacts_1.png)
+![Artifacts in WebApp](../../img/examples_using_artifacts_1.png#light-mode-only)
+![Artifacts in WebApp](../../img/examples_using_artifacts_1_dark.png#dark-mode-only)
 
 ## Task 2: Accessing an Artifact
 
diff --git a/docs/img/colab_explicit_reporting_01.png b/docs/img/colab_explicit_reporting_01.png
index 1cef6ff1..3f10de6a 100644
Binary files a/docs/img/colab_explicit_reporting_01.png and b/docs/img/colab_explicit_reporting_01.png differ
diff --git a/docs/img/colab_explicit_reporting_01_dark.png b/docs/img/colab_explicit_reporting_01_dark.png
new file mode 100644
index 00000000..e32df90f
Binary files /dev/null and b/docs/img/colab_explicit_reporting_01_dark.png differ
diff --git a/docs/img/colab_explicit_reporting_02.png b/docs/img/colab_explicit_reporting_02.png
index 4f0178bf..80476a64 100644
Binary files a/docs/img/colab_explicit_reporting_02.png and b/docs/img/colab_explicit_reporting_02.png differ
diff --git a/docs/img/colab_explicit_reporting_02_dark.png b/docs/img/colab_explicit_reporting_02_dark.png
new file mode 100644
index 00000000..7c22890c
Binary files /dev/null and b/docs/img/colab_explicit_reporting_02_dark.png differ
diff --git a/docs/img/colab_explicit_reporting_03.png b/docs/img/colab_explicit_reporting_03.png
index 825c33a9..6d096c6c 100644
Binary files a/docs/img/colab_explicit_reporting_03.png and b/docs/img/colab_explicit_reporting_03.png differ
diff --git a/docs/img/colab_explicit_reporting_03_dark.png b/docs/img/colab_explicit_reporting_03_dark.png
new file mode 100644
index 00000000..5e69ab10
Binary files /dev/null and b/docs/img/colab_explicit_reporting_03_dark.png differ
diff --git a/docs/img/colab_explicit_reporting_04.png b/docs/img/colab_explicit_reporting_04.png
index e8d1fc80..dc5ec35d 100644
Binary files a/docs/img/colab_explicit_reporting_04.png and b/docs/img/colab_explicit_reporting_04.png differ
diff --git a/docs/img/colab_explicit_reporting_04_dark.png b/docs/img/colab_explicit_reporting_04_dark.png
new file mode 100644
index 00000000..32380a7b
Binary files /dev/null and b/docs/img/colab_explicit_reporting_04_dark.png differ
diff --git a/docs/img/colab_explicit_reporting_05.png b/docs/img/colab_explicit_reporting_05.png
index d150d5bf..64b7fdde 100644
Binary files a/docs/img/colab_explicit_reporting_05.png and b/docs/img/colab_explicit_reporting_05.png differ
diff --git a/docs/img/colab_explicit_reporting_05_dark.png b/docs/img/colab_explicit_reporting_05_dark.png
new file mode 100644
index 00000000..fc37c741
Binary files /dev/null and b/docs/img/colab_explicit_reporting_05_dark.png differ
diff --git a/docs/img/colab_explicit_reporting_06.png b/docs/img/colab_explicit_reporting_06.png
index 82f78812..6d34b669 100644
Binary files a/docs/img/colab_explicit_reporting_06.png and b/docs/img/colab_explicit_reporting_06.png differ
diff --git a/docs/img/colab_explicit_reporting_06_dark.png b/docs/img/colab_explicit_reporting_06_dark.png
new file mode 100644
index 00000000..68949f99
Binary files /dev/null and b/docs/img/colab_explicit_reporting_06_dark.png differ
diff --git a/docs/img/colab_explicit_reporting_07.png b/docs/img/colab_explicit_reporting_07.png
index d3af72d5..35eb8c77 100644
Binary files a/docs/img/colab_explicit_reporting_07.png and b/docs/img/colab_explicit_reporting_07.png differ
diff --git a/docs/img/colab_explicit_reporting_07_dark.png b/docs/img/colab_explicit_reporting_07_dark.png
new file mode 100644
index 00000000..f86a413a
Binary files /dev/null and b/docs/img/colab_explicit_reporting_07_dark.png differ
diff --git a/docs/img/colab_explicit_reporting_08.png b/docs/img/colab_explicit_reporting_08.png
index 98e72a44..8ac93e18 100644
Binary files a/docs/img/colab_explicit_reporting_08.png and b/docs/img/colab_explicit_reporting_08.png differ
diff --git a/docs/img/colab_explicit_reporting_08_dark.png b/docs/img/colab_explicit_reporting_08_dark.png
new file mode 100644
index 00000000..57b84313
Binary files /dev/null and b/docs/img/colab_explicit_reporting_08_dark.png differ
diff --git a/docs/img/colab_explicit_reporting_09.png b/docs/img/colab_explicit_reporting_09.png
index 484aadf7..ee817e8a 100644
Binary files a/docs/img/colab_explicit_reporting_09.png and b/docs/img/colab_explicit_reporting_09.png differ
diff --git a/docs/img/colab_explicit_reporting_09_dark.png b/docs/img/colab_explicit_reporting_09_dark.png
new file mode 100644
index 00000000..61dc626d
Binary files /dev/null and b/docs/img/colab_explicit_reporting_09_dark.png differ
diff --git a/docs/img/colab_explicit_reporting_10.png b/docs/img/colab_explicit_reporting_10.png
index c6f51bf9..8b982f0b 100644
Binary files a/docs/img/colab_explicit_reporting_10.png and b/docs/img/colab_explicit_reporting_10.png differ
diff --git a/docs/img/colab_explicit_reporting_10_dark.png b/docs/img/colab_explicit_reporting_10_dark.png
new file mode 100644
index 00000000..ab40b97c
Binary files /dev/null and b/docs/img/colab_explicit_reporting_10_dark.png differ
diff --git a/docs/img/colab_explicit_reporting_11.png b/docs/img/colab_explicit_reporting_11.png
index 500a817d..f56a1782 100644
Binary files a/docs/img/colab_explicit_reporting_11.png and b/docs/img/colab_explicit_reporting_11.png differ
diff --git a/docs/img/colab_explicit_reporting_11_dark.png b/docs/img/colab_explicit_reporting_11_dark.png
new file mode 100644
index 00000000..7b8944ff
Binary files /dev/null and b/docs/img/colab_explicit_reporting_11_dark.png differ
diff --git a/docs/img/colab_explicit_reporting_12.png b/docs/img/colab_explicit_reporting_12.png
index 367c6ac7..c7e66da4 100644
Binary files a/docs/img/colab_explicit_reporting_12.png and b/docs/img/colab_explicit_reporting_12.png differ
diff --git a/docs/img/colab_explicit_reporting_12_dark.png b/docs/img/colab_explicit_reporting_12_dark.png
new file mode 100644
index 00000000..54e6e5f9
Binary files /dev/null and b/docs/img/colab_explicit_reporting_12_dark.png differ
diff --git a/docs/img/colab_explicit_reporting_13.png b/docs/img/colab_explicit_reporting_13.png
index f988bfcd..a01d533a 100644
Binary files a/docs/img/colab_explicit_reporting_13.png and b/docs/img/colab_explicit_reporting_13.png differ
diff --git a/docs/img/colab_explicit_reporting_13_dark.png b/docs/img/colab_explicit_reporting_13_dark.png
new file mode 100644
index 00000000..3807f3dd
Binary files /dev/null and b/docs/img/colab_explicit_reporting_13_dark.png differ
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_pytorch_abseil_models.png b/docs/img/examples_pytorch_abseil_models.png
index b5f7ce9f..9519b0d3 100644
Binary files a/docs/img/examples_pytorch_abseil_models.png and b/docs/img/examples_pytorch_abseil_models.png differ
diff --git a/docs/img/examples_pytorch_abseil_models_2.png b/docs/img/examples_pytorch_abseil_models_2.png
index c993d109..e2f20b4a 100644
Binary files a/docs/img/examples_pytorch_abseil_models_2.png and b/docs/img/examples_pytorch_abseil_models_2.png differ
diff --git a/docs/img/examples_pytorch_abseil_models_2_dark.png b/docs/img/examples_pytorch_abseil_models_2_dark.png
new file mode 100644
index 00000000..bca8b93e
Binary files /dev/null and b/docs/img/examples_pytorch_abseil_models_2_dark.png differ
diff --git a/docs/img/examples_pytorch_abseil_models_dark.png b/docs/img/examples_pytorch_abseil_models_dark.png
new file mode 100644
index 00000000..ed810e5d
Binary files /dev/null and b/docs/img/examples_pytorch_abseil_models_dark.png differ
diff --git a/docs/img/examples_pytorch_abseil_params.png b/docs/img/examples_pytorch_abseil_params.png
index 37760db9..3102d48c 100644
Binary files a/docs/img/examples_pytorch_abseil_params.png and b/docs/img/examples_pytorch_abseil_params.png differ
diff --git a/docs/img/examples_pytorch_abseil_params_dark.png b/docs/img/examples_pytorch_abseil_params_dark.png
new file mode 100644
index 00000000..ba74b9d0
Binary files /dev/null and b/docs/img/examples_pytorch_abseil_params_dark.png differ
diff --git a/docs/img/examples_reporting_01.png b/docs/img/examples_reporting_01.png
index 266e31aa..ced5493e 100644
Binary files a/docs/img/examples_reporting_01.png and b/docs/img/examples_reporting_01.png differ
diff --git a/docs/img/examples_reporting_01_dark.png b/docs/img/examples_reporting_01_dark.png
new file mode 100644
index 00000000..220f619f
Binary files /dev/null and b/docs/img/examples_reporting_01_dark.png differ
diff --git a/docs/img/examples_reporting_02.png b/docs/img/examples_reporting_02.png
index fe999457..35d11d64 100644
Binary files a/docs/img/examples_reporting_02.png and b/docs/img/examples_reporting_02.png differ
diff --git a/docs/img/examples_reporting_02_dark.png b/docs/img/examples_reporting_02_dark.png
new file mode 100644
index 00000000..fa9af723
Binary files /dev/null and b/docs/img/examples_reporting_02_dark.png differ
diff --git a/docs/img/examples_reporting_03.png b/docs/img/examples_reporting_03.png
index aa662515..62a97a73 100644
Binary files a/docs/img/examples_reporting_03.png and b/docs/img/examples_reporting_03.png differ
diff --git a/docs/img/examples_reporting_03_dark.png b/docs/img/examples_reporting_03_dark.png
new file mode 100644
index 00000000..117e2e87
Binary files /dev/null and b/docs/img/examples_reporting_03_dark.png differ
diff --git a/docs/img/examples_reporting_05.png b/docs/img/examples_reporting_05.png
index 7451cb91..910371e3 100644
Binary files a/docs/img/examples_reporting_05.png and b/docs/img/examples_reporting_05.png differ
diff --git a/docs/img/examples_reporting_05_dark.png b/docs/img/examples_reporting_05_dark.png
new file mode 100644
index 00000000..bfd5dccf
Binary files /dev/null and b/docs/img/examples_reporting_05_dark.png differ
diff --git a/docs/img/examples_reporting_07.png b/docs/img/examples_reporting_07.png
index 6ba779c9..d35a5769 100644
Binary files a/docs/img/examples_reporting_07.png and b/docs/img/examples_reporting_07.png differ
diff --git a/docs/img/examples_reporting_07_dark.png b/docs/img/examples_reporting_07_dark.png
new file mode 100644
index 00000000..a89afe2b
Binary files /dev/null and b/docs/img/examples_reporting_07_dark.png differ
diff --git a/docs/img/examples_reporting_07a.png b/docs/img/examples_reporting_07a.png
index 3c56ef8e..526132fb 100644
Binary files a/docs/img/examples_reporting_07a.png and b/docs/img/examples_reporting_07a.png differ
diff --git a/docs/img/examples_reporting_07a_dark.png b/docs/img/examples_reporting_07a_dark.png
new file mode 100644
index 00000000..39ff8ff9
Binary files /dev/null and b/docs/img/examples_reporting_07a_dark.png differ
diff --git a/docs/img/examples_reporting_08.png b/docs/img/examples_reporting_08.png
index 7d22b8a6..d1c7a457 100644
Binary files a/docs/img/examples_reporting_08.png and b/docs/img/examples_reporting_08.png differ
diff --git a/docs/img/examples_reporting_08_dark.png b/docs/img/examples_reporting_08_dark.png
new file mode 100644
index 00000000..45c978a2
Binary files /dev/null and b/docs/img/examples_reporting_08_dark.png differ
diff --git a/docs/img/examples_reporting_09.png b/docs/img/examples_reporting_09.png
index 4692cc8a..f2f82f60 100644
Binary files a/docs/img/examples_reporting_09.png and b/docs/img/examples_reporting_09.png differ
diff --git a/docs/img/examples_reporting_09_dark.png b/docs/img/examples_reporting_09_dark.png
new file mode 100644
index 00000000..1b2e751f
Binary files /dev/null and b/docs/img/examples_reporting_09_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
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
diff --git a/docs/img/examples_reporting_hyper_param_01.png b/docs/img/examples_reporting_hyper_param_01.png
index 52a6e19e..10e678df 100644
Binary files a/docs/img/examples_reporting_hyper_param_01.png and b/docs/img/examples_reporting_hyper_param_01.png differ
diff --git a/docs/img/examples_reporting_hyper_param_01_dark.png b/docs/img/examples_reporting_hyper_param_01_dark.png
new file mode 100644
index 00000000..8dc714b1
Binary files /dev/null and b/docs/img/examples_reporting_hyper_param_01_dark.png differ
diff --git a/docs/img/examples_reporting_hyper_param_02.png b/docs/img/examples_reporting_hyper_param_02.png
index cee55880..b79d5ee2 100644
Binary files a/docs/img/examples_reporting_hyper_param_02.png and b/docs/img/examples_reporting_hyper_param_02.png differ
diff --git a/docs/img/examples_reporting_hyper_param_02_dark.png b/docs/img/examples_reporting_hyper_param_02_dark.png
new file mode 100644
index 00000000..c340a343
Binary files /dev/null and b/docs/img/examples_reporting_hyper_param_02_dark.png differ
diff --git a/docs/img/examples_reporting_hyper_param_03.png b/docs/img/examples_reporting_hyper_param_03.png
index 35e6e0ee..a965fb69 100644
Binary files a/docs/img/examples_reporting_hyper_param_03.png and b/docs/img/examples_reporting_hyper_param_03.png differ
diff --git a/docs/img/examples_reporting_hyper_param_03_dark.png b/docs/img/examples_reporting_hyper_param_03_dark.png
new file mode 100644
index 00000000..8f75df48
Binary files /dev/null and b/docs/img/examples_reporting_hyper_param_03_dark.png differ
diff --git a/docs/img/examples_using_artifacts_1.png b/docs/img/examples_using_artifacts_1.png
index 3fb02d32..6703a181 100644
Binary files a/docs/img/examples_using_artifacts_1.png and b/docs/img/examples_using_artifacts_1.png differ
diff --git a/docs/img/examples_using_artifacts_1_dark.png b/docs/img/examples_using_artifacts_1_dark.png
new file mode 100644
index 00000000..43213108
Binary files /dev/null and b/docs/img/examples_using_artifacts_1_dark.png differ