diff --git a/docs/guides/frameworks/pytorch_ignite/integration_pytorch_ignite.md b/docs/guides/frameworks/pytorch_ignite/integration_pytorch_ignite.md
index ccd2ca66..4b3d48c6 100644
--- a/docs/guides/frameworks/pytorch_ignite/integration_pytorch_ignite.md
+++ b/docs/guides/frameworks/pytorch_ignite/integration_pytorch_ignite.md
@@ -24,7 +24,8 @@ params = task.connect(params)  # enabling configuration override by clearml
 ```
 The hyperparameter configurations can be viewed in the WebApp in the task's **CONFIGURATION** tab. 
 
-![Hyperparameters](../../../img/examples_integration_pytorch_ignite_config.png)
+![Hyperparameters](../../../img/examples_integration_pytorch_ignite_config.png#light-mode-only)
+![Hyperparameters](../../../img/examples_integration_pytorch_ignite_config_dark.png#dark-mode-only)
 
 ## Ignite TensorboardLogger
 
@@ -37,7 +38,8 @@ ClearML automatically captures scalars logged through `TensorboardLogger`.
 
 View the scalars in the task's page in the **ClearML Web UI**, in **SCALARS**.
 
-![Task scalars](../../../img/examples_cifar_scalars.png)
+![Task scalars](../../../img/examples_cifar_scalars.png#light-mode-only)
+![Task scalars](../../../img/examples_cifar_scalars_dark.png#dark-mode-only)
 
 
 ## Model Snapshots
@@ -46,18 +48,21 @@ ClearML automatically captures the model logged with Torch, and saves it as an a
 
 View saved snapshots in the task's **ARTIFACTS** tab.
 
-![Task models](../../../img/examples_cifar_artifacts.png)
+![Task models](../../../img/examples_cifar_artifacts.png#light-mode-only)
+![Task models](../../../img/examples_cifar_artifacts_dark.png#dark-mode-only)
 
 To view the model, in the **ARTIFACTS** tab, click the model name (or download it).
 
-![Model details](../../../img/examples_cifar_model.png)
+![Model details](../../../img/examples_cifar_model.png#light-mode-only)
+![Model details](../../../img/examples_cifar_model_dark.png#dark-mode-only)
 
 
 ## Debug Samples
 
 ClearML automatically tracks images logged to TensorboardLogger. They appear in **DEBUG SAMPLES**.
 
-![Debug Samples](../../../img/examples_integration_pytorch_ignite_debug.png)
+![Debug Samples](../../../img/examples_integration_pytorch_ignite_debug.png#light-mode-only)
+![Debug Samples](../../../img/examples_integration_pytorch_ignite_debug_dark.png#dark-mode-only)
 
 
 ## Ignite ClearMLLogger
diff --git a/docs/img/examples_cifar_artifacts.png b/docs/img/examples_cifar_artifacts.png
index f9f803cb..aff1eb6c 100644
Binary files a/docs/img/examples_cifar_artifacts.png and b/docs/img/examples_cifar_artifacts.png differ
diff --git a/docs/img/examples_cifar_artifacts_dark.png b/docs/img/examples_cifar_artifacts_dark.png
new file mode 100644
index 00000000..2cb91cd0
Binary files /dev/null and b/docs/img/examples_cifar_artifacts_dark.png differ
diff --git a/docs/img/examples_cifar_model.png b/docs/img/examples_cifar_model.png
index d4e80c8d..d18dc049 100644
Binary files a/docs/img/examples_cifar_model.png and b/docs/img/examples_cifar_model.png differ
diff --git a/docs/img/examples_cifar_model_dark.png b/docs/img/examples_cifar_model_dark.png
new file mode 100644
index 00000000..9a1bef0c
Binary files /dev/null and b/docs/img/examples_cifar_model_dark.png differ
diff --git a/docs/img/examples_cifar_scalars.png b/docs/img/examples_cifar_scalars.png
index cfa3f951..634975e5 100644
Binary files a/docs/img/examples_cifar_scalars.png and b/docs/img/examples_cifar_scalars.png differ
diff --git a/docs/img/examples_cifar_scalars_dark.png b/docs/img/examples_cifar_scalars_dark.png
new file mode 100644
index 00000000..f5dcb830
Binary files /dev/null and b/docs/img/examples_cifar_scalars_dark.png differ
diff --git a/docs/img/examples_integration_pytorch_ignite_config.png b/docs/img/examples_integration_pytorch_ignite_config.png
index 45cecbb2..1aa51d33 100644
Binary files a/docs/img/examples_integration_pytorch_ignite_config.png and b/docs/img/examples_integration_pytorch_ignite_config.png differ
diff --git a/docs/img/examples_integration_pytorch_ignite_config_dark.png b/docs/img/examples_integration_pytorch_ignite_config_dark.png
new file mode 100644
index 00000000..a25affba
Binary files /dev/null and b/docs/img/examples_integration_pytorch_ignite_config_dark.png differ
diff --git a/docs/img/examples_integration_pytorch_ignite_debug.png b/docs/img/examples_integration_pytorch_ignite_debug.png
index 2348f4b6..8819a1c1 100644
Binary files a/docs/img/examples_integration_pytorch_ignite_debug.png and b/docs/img/examples_integration_pytorch_ignite_debug.png differ
diff --git a/docs/img/examples_integration_pytorch_ignite_debug_dark.png b/docs/img/examples_integration_pytorch_ignite_debug_dark.png
new file mode 100644
index 00000000..927c77c1
Binary files /dev/null and b/docs/img/examples_integration_pytorch_ignite_debug_dark.png differ
diff --git a/docs/integrations/ignite.md b/docs/integrations/ignite.md
index 683292ab..bb5abde9 100644
--- a/docs/integrations/ignite.md
+++ b/docs/integrations/ignite.md
@@ -132,13 +132,16 @@ All the task information that ClearML captures can be viewed in the [WebApp](../
 
 View saved model snapshots in the **ARTIFACTS** tab.
 
-![Model snapshots](../img/ignite_artifact.png)
+![Model snapshots](../img/ignite_artifact.png#light-mode-only)
+
+[//]: # (![Model snapshots](../img/ignite_artifact_dark.png#dark-mode-only))
 
 ### Scalars 
 
 View the scalars in the task's **SCALARS** tab.
 
-![Scalars](../img/examples_cifar_scalars.png)
+![Scalars](../img/examples_cifar_scalars.png#light-mode-only)
+![Scalars](../img/examples_cifar_scalars_dark.png#dark-mode-only)
 
 
 ### Debug Samples
@@ -146,5 +149,6 @@ View the scalars in the task's **SCALARS** tab.
 ClearML automatically tracks images logged to `TensorboardLogger`. They appear in the task's **DEBUG SAMPLES**.
 
 
-![Debug Samples](../img/examples_integration_pytorch_ignite_debug.png)
+![Debug Samples](../img/examples_integration_pytorch_ignite_debug.png#light-mode-only)
+![Debug Samples](../img/examples_integration_pytorch_ignite_debug_dark.png#dark-mode-only)