diff --git a/docs/guides/frameworks/pytorch_ignite/pytorch_ignite_mnist.md b/docs/guides/frameworks/pytorch_ignite/pytorch_ignite_mnist.md
index 136108c7..10dae9ba 100644
--- a/docs/guides/frameworks/pytorch_ignite/pytorch_ignite_mnist.md
+++ b/docs/guides/frameworks/pytorch_ignite/pytorch_ignite_mnist.md
@@ -161,15 +161,18 @@ When the code runs, the task results can be viewed in the [ClearML Web UI](../..
 View the scalars, including training and validation metrics, in the task's page in the ClearML Web UI, under 
 **SCALARS**.
 
-![Task scalars](../../../img/ignite_training.png)
+![Task scalars](../../../img/ignite_training.png#light-mode-only)
+![Task scalars](../../../img/ignite_training_dark.png#dark-mode-only)
 
 ### Model Snapshots
  
 
 View saved snapshots in the **ARTIFACTS** tab.
 
-![image](../../../img/ignite_artifact.png)
+![Task Artifacts](../../../img/ignite_artifact.png#light-mode-only)
+![Task Artifacts](../../../img/ignite_artifact_dark.png#dark-mode-only)
 
 To view model details, in the **ARTIFACTS** tab, click the model name (or download it).
 
-![image](../../../img/ignite_model.png)
+![Model details](../../../img/ignite_model.png#light-mode-only)
+![Model details](../../../img/ignite_model_dark.png#dark-mode-only)
diff --git a/docs/img/ignite_artifact.png b/docs/img/ignite_artifact.png
index 40b58974..5ca92931 100644
Binary files a/docs/img/ignite_artifact.png and b/docs/img/ignite_artifact.png differ
diff --git a/docs/img/ignite_artifact_dark.png b/docs/img/ignite_artifact_dark.png
new file mode 100644
index 00000000..154f74a2
Binary files /dev/null and b/docs/img/ignite_artifact_dark.png differ
diff --git a/docs/img/ignite_model.png b/docs/img/ignite_model.png
index a0539443..c5851741 100644
Binary files a/docs/img/ignite_model.png and b/docs/img/ignite_model.png differ
diff --git a/docs/img/ignite_model_dark.png b/docs/img/ignite_model_dark.png
new file mode 100644
index 00000000..1af605f8
Binary files /dev/null and b/docs/img/ignite_model_dark.png differ
diff --git a/docs/img/ignite_training.png b/docs/img/ignite_training.png
index 8472a5be..568d4351 100644
Binary files a/docs/img/ignite_training.png and b/docs/img/ignite_training.png differ
diff --git a/docs/img/ignite_training_dark.png b/docs/img/ignite_training_dark.png
new file mode 100644
index 00000000..bf6d96b0
Binary files /dev/null and b/docs/img/ignite_training_dark.png differ
diff --git a/docs/img/integrations_lightningcli_params.png b/docs/img/integrations_lightningcli_params.png
index 22e4b85b..b4fea76d 100644
Binary files a/docs/img/integrations_lightningcli_params.png and b/docs/img/integrations_lightningcli_params.png differ
diff --git a/docs/img/integrations_lightningcli_params_dark.png b/docs/img/integrations_lightningcli_params_dark.png
new file mode 100644
index 00000000..8d651d36
Binary files /dev/null and b/docs/img/integrations_lightningcli_params_dark.png differ
diff --git a/docs/integrations/pytorch_lightning.md b/docs/integrations/pytorch_lightning.md
index e91b33ec..d5934fbd 100644
--- a/docs/integrations/pytorch_lightning.md
+++ b/docs/integrations/pytorch_lightning.md
@@ -31,7 +31,8 @@ And that's it! This creates a [ClearML Task](../fundamentals/task.md) which capt
 
 You can view all the task details in the [WebApp](../webapp/webapp_overview.md). 
 
-![LightningCLI params](../img/integrations_lightningcli_params.png)
+![LightningCLI params](../img/integrations_lightningcli_params.png#light-mode-only)
+![LightningCLI params](../img/integrations_lightningcli_params_dark.png#dark-mode-only)
 
 See an example of PyTorch Lightning and ClearML in action [here](../guides/frameworks/pytorch_lightning/pytorch_lightning_example.md).