diff --git a/docs/guides/reporting/hyper_parameters.md b/docs/guides/reporting/hyper_parameters.md
index db6fdae6..0fe63a8a 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 **HYPEPARAMETERS** **>** **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/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_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