diff --git a/docs/guides/frameworks/keras/keras_tensorboard.md b/docs/guides/frameworks/keras/keras_tensorboard.md
index f07f2c5e..fc9cfb6c 100644
--- a/docs/guides/frameworks/keras/keras_tensorboard.md
+++ b/docs/guides/frameworks/keras/keras_tensorboard.md
@@ -25,31 +25,36 @@ The example script does the following:
 The loss and accuracy metric scalar plots appear in **SCALARS**, along with the resource utilization plots, 
 which are titled **:monitor: machine**.
 
-![image](../../../img/examples_keras_01.png)
+![Scalars](../../../img/examples_keras_01.png#light-mode-only)
+![Scalars](../../../img/examples_keras_01_dark.png#dark-mode-only)
 
 ## Histograms
 
 Histograms for layer density appear in **PLOTS**.
 
-![image](../../../img/examples_keras_02.png)
+![Histograms](../../../img/examples_keras_02.png#light-mode-only)
+![Histograms](../../../img/examples_keras_02_dark.png#dark-mode-only)
 
 ## Hyperparameters
 
-ClearML automatically logs command line options generated with `argparse`, and TensorFlow Definitions.
+ClearML automatically logs command line options generated with `argparse` and TensorFlow Definitions.
 
 Command line options appear in **CONFIGURATION** **>** **HYPERPARAMETERS** **>** **Args**.
 
-![image](../../../img/examples_keras_00.png)
+![Hyperparameters Args](../../../img/examples_keras_00.png#light-mode-only)
+![Hyperparameters Args](../../../img/examples_keras_00_dark.png#dark-mode-only)
 
 TensorFlow Definitions appear in **TF_DEFINE**.
 
-![image](../../../img/examples_keras_00a.png)
+![TF Defines](../../../img/examples_keras_00a.png#light-mode-only)
+![TF Defines](../../../img/examples_keras_00a_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/keras_colab_01.png)
+![Console Log](../../../img/keras_colab_01.png#light-mode-only)
+![Console Log](../../../img/keras_colab_01_dark.png#dark-mode-only)
 
 ## Configuration Objects
 
@@ -64,4 +69,5 @@ task.connect_configuration(
 
 It appears in **CONFIGURATION** **>** **CONFIGURATION OBJECTS** **>** **MyConfig**. 
 
-![image](../../../img/keras_colab_02.png)
\ No newline at end of file
+![Custom configuration](../../../img/keras_colab_02.png#light-mode-only)
+![Custom configuration](../../../img/keras_colab_02_dark.png#dark-mode-only)
\ No newline at end of file
diff --git a/docs/img/examples_keras_00.png b/docs/img/examples_keras_00.png
index dfdf6b2e..9273e920 100644
Binary files a/docs/img/examples_keras_00.png and b/docs/img/examples_keras_00.png differ
diff --git a/docs/img/examples_keras_00_dark.png b/docs/img/examples_keras_00_dark.png
new file mode 100644
index 00000000..58da61f6
Binary files /dev/null and b/docs/img/examples_keras_00_dark.png differ
diff --git a/docs/img/examples_keras_00a.png b/docs/img/examples_keras_00a.png
index ca3ed0d9..e35c7852 100644
Binary files a/docs/img/examples_keras_00a.png and b/docs/img/examples_keras_00a.png differ
diff --git a/docs/img/examples_keras_00a_dark.png b/docs/img/examples_keras_00a_dark.png
new file mode 100644
index 00000000..29b7087c
Binary files /dev/null and b/docs/img/examples_keras_00a_dark.png differ
diff --git a/docs/img/examples_keras_01.png b/docs/img/examples_keras_01.png
index ecb8e78b..5831ed19 100644
Binary files a/docs/img/examples_keras_01.png and b/docs/img/examples_keras_01.png differ
diff --git a/docs/img/examples_keras_01_dark.png b/docs/img/examples_keras_01_dark.png
new file mode 100644
index 00000000..ff50b4e8
Binary files /dev/null and b/docs/img/examples_keras_01_dark.png differ
diff --git a/docs/img/examples_keras_02.png b/docs/img/examples_keras_02.png
index 84f58257..d40aa125 100644
Binary files a/docs/img/examples_keras_02.png and b/docs/img/examples_keras_02.png differ
diff --git a/docs/img/examples_keras_02_dark.png b/docs/img/examples_keras_02_dark.png
new file mode 100644
index 00000000..2b6f8edb
Binary files /dev/null and b/docs/img/examples_keras_02_dark.png differ
diff --git a/docs/img/keras_colab_01.png b/docs/img/keras_colab_01.png
index b0392287..09087091 100644
Binary files a/docs/img/keras_colab_01.png and b/docs/img/keras_colab_01.png differ
diff --git a/docs/img/keras_colab_01_dark.png b/docs/img/keras_colab_01_dark.png
new file mode 100644
index 00000000..304712c5
Binary files /dev/null and b/docs/img/keras_colab_01_dark.png differ
diff --git a/docs/img/keras_colab_02.png b/docs/img/keras_colab_02.png
index f0efa89e..9055afb1 100644
Binary files a/docs/img/keras_colab_02.png and b/docs/img/keras_colab_02.png differ
diff --git a/docs/img/keras_colab_02_dark.png b/docs/img/keras_colab_02_dark.png
new file mode 100644
index 00000000..8395f2e8
Binary files /dev/null and b/docs/img/keras_colab_02_dark.png differ