diff --git a/docs/guides/frameworks/tensorflow/tensorboard_toy.md b/docs/guides/frameworks/tensorflow/tensorboard_toy.md
index d112a4b9..bd622df6 100644
--- a/docs/guides/frameworks/tensorflow/tensorboard_toy.md
+++ b/docs/guides/frameworks/tensorflow/tensorboard_toy.md
@@ -14,25 +14,29 @@ project.
 The `tf.summary.scalar` output appears in the ClearML web UI, in the task's 
 **SCALARS**. Resource utilization plots, which are titled **:monitor: machine**, also appear in the **SCALARS** tab.
 
-![image](../../../img/examples_tensorboard_toy_03.png)
+![Scalars](../../../img/examples_tensorboard_toy_03.png#light-mode-only)
+![Scalars](../../../img/examples_tensorboard_toy_03_dark.png#dark-mode-only)
 
 ## Plots
 
 The `tf.summary.histogram` output appears in **PLOTS**.
 
-![image](../../../img/examples_tensorboard_toy_04.png)
+![Plots](../../../img/examples_tensorboard_toy_04.png#light-mode-only)
+![Plots](../../../img/examples_tensorboard_toy_04_dark.png#dark-mode-only)
 
 ## Debug Samples
 
 ClearML automatically tracks images and text output to TensorFlow. They appear in **DEBUG SAMPLES**.
 
-![image](../../../img/examples_tensorboard_toy_05.png)
+![Debug Samples](../../../img/examples_tensorboard_toy_05.png#light-mode-only)
+![Debug Samples](../../../img/examples_tensorboard_toy_05_dark.png#dark-mode-only)
 
 ## Hyperparameters
 
 ClearML automatically logs TensorFlow Definitions. They appear in **CONFIGURATION** **>** **HYPERPARAMETERS** **>** 
 **TF_DEFINE**.
 
-![image](../../../img/examples_tensorboard_toy_01.png)
+![Hyperparameters](../../../img/examples_tensorboard_toy_01.png#light-mode-only)
+![Hyperparameters](../../../img/examples_tensorboard_toy_01_dark.png#dark-mode-only)
 
 
diff --git a/docs/img/app.allegro-master.hosted.allegro.ai_projects___tasks_c53399e280894d879ef2f4bd8f348a83_output_metrics_scalar(revital) (6).png b/docs/img/app.allegro-master.hosted.allegro.ai_projects___tasks_c53399e280894d879ef2f4bd8f348a83_output_metrics_scalar(revital) (6).png
new file mode 100644
index 00000000..a4ec49c5
Binary files /dev/null and b/docs/img/app.allegro-master.hosted.allegro.ai_projects___tasks_c53399e280894d879ef2f4bd8f348a83_output_metrics_scalar(revital) (6).png differ
diff --git a/docs/img/app.allegro-master.hosted.allegro.ai_projects___tasks_c53399e280894d879ef2f4bd8f348a83_output_metrics_scalar(revital) (7).png b/docs/img/app.allegro-master.hosted.allegro.ai_projects___tasks_c53399e280894d879ef2f4bd8f348a83_output_metrics_scalar(revital) (7).png
new file mode 100644
index 00000000..bc64f462
Binary files /dev/null and b/docs/img/app.allegro-master.hosted.allegro.ai_projects___tasks_c53399e280894d879ef2f4bd8f348a83_output_metrics_scalar(revital) (7).png differ
diff --git a/docs/img/examples_tensorboard_toy_01.png b/docs/img/examples_tensorboard_toy_01.png
index 9c4e8738..910b6283 100644
Binary files a/docs/img/examples_tensorboard_toy_01.png and b/docs/img/examples_tensorboard_toy_01.png differ
diff --git a/docs/img/examples_tensorboard_toy_01_dark.png b/docs/img/examples_tensorboard_toy_01_dark.png
new file mode 100644
index 00000000..52387aab
Binary files /dev/null and b/docs/img/examples_tensorboard_toy_01_dark.png differ
diff --git a/docs/img/examples_tensorboard_toy_03.png b/docs/img/examples_tensorboard_toy_03.png
index 58ae91d1..82629324 100644
Binary files a/docs/img/examples_tensorboard_toy_03.png and b/docs/img/examples_tensorboard_toy_03.png differ
diff --git a/docs/img/examples_tensorboard_toy_03_dark.png b/docs/img/examples_tensorboard_toy_03_dark.png
new file mode 100644
index 00000000..6bf1047a
Binary files /dev/null and b/docs/img/examples_tensorboard_toy_03_dark.png differ
diff --git a/docs/img/examples_tensorboard_toy_04.png b/docs/img/examples_tensorboard_toy_04.png
index de4c4f2e..2972c23f 100644
Binary files a/docs/img/examples_tensorboard_toy_04.png and b/docs/img/examples_tensorboard_toy_04.png differ
diff --git a/docs/img/examples_tensorboard_toy_04_dark.png b/docs/img/examples_tensorboard_toy_04_dark.png
new file mode 100644
index 00000000..3db1092e
Binary files /dev/null and b/docs/img/examples_tensorboard_toy_04_dark.png differ
diff --git a/docs/img/examples_tensorboard_toy_05.png b/docs/img/examples_tensorboard_toy_05.png
index 7423cfb3..214a9df8 100644
Binary files a/docs/img/examples_tensorboard_toy_05.png and b/docs/img/examples_tensorboard_toy_05.png differ
diff --git a/docs/img/examples_tensorboard_toy_05_dark.png b/docs/img/examples_tensorboard_toy_05_dark.png
new file mode 100644
index 00000000..e4829068
Binary files /dev/null and b/docs/img/examples_tensorboard_toy_05_dark.png differ