diff --git a/docs/guides/frameworks/pytorch/pytorch_mnist.md b/docs/guides/frameworks/pytorch/pytorch_mnist.md
index ec46c3e6..aae3ed37 100644
--- a/docs/guides/frameworks/pytorch/pytorch_mnist.md
+++ b/docs/guides/frameworks/pytorch/pytorch_mnist.md
@@ -36,28 +36,33 @@ Logger.current_logger().report_scalar(
 These scalars can be visualized in plots, which appear in the ClearML [web UI](../../../webapp/webapp_overview.md), 
 in the task's **SCALARS** tab. 
 
-![image](../../../img/examples_pytorch_mnist_07.png)
+![Scalars](../../../img/examples_pytorch_mnist_07.png#light-mode-only)
+![Scalars](../../../img/examples_pytorch_mnist_07_dark.png#dark-mode-only)
 
 ## Hyperparameters
 
 ClearML automatically logs command line options defined with `argparse`. They appear in **CONFIGURATION** **>** **HYPERPARAMETERS** **>** **Args**.
 
-![image](../../../img/examples_pytorch_mnist_01.png)
+![Hyperparameters](../../../img/examples_pytorch_mnist_01.png#light-mode-only)
+![Hyperparameters](../../../img/examples_pytorch_mnist_01_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/examples_pytorch_mnist_06.png)
+![Console Log](../../../img/examples_pytorch_mnist_06.png#light-mode-only)
+![Console Log](../../../img/examples_pytorch_mnist_06_dark.png#dark-mode-only)
 
 ## Artifacts
 
 Models created by the task appear in the task's **ARTIFACTS** tab. ClearML automatically logs and tracks models 
 and any snapshots created using PyTorch. 
 
-![image](../../../img/examples_pytorch_mnist_02.png)
+![Models](../../../img/examples_pytorch_mnist_02.png#light-mode-only)
+![Models](../../../img/examples_pytorch_mnist_02_dark.png#dark-mode-only)
 
 Clicking on the model name takes you to the [model's page](../../../webapp/webapp_model_viewing.md), where you can view 
 the model's details and access the model.
 
-![image](../../../img/examples_pytorch_mnist_03.png)
\ No newline at end of file
+![Model details](../../../img/examples_pytorch_mnist_03.png#light-mode-only)
+![Model details](../../../img/examples_pytorch_mnist_03_dark.png#dark-mode-only)
\ No newline at end of file
diff --git a/docs/img/examples_pytorch_mnist_02.png b/docs/img/examples_pytorch_mnist_02.png
index 0b524844..73255f68 100644
Binary files a/docs/img/examples_pytorch_mnist_02.png and b/docs/img/examples_pytorch_mnist_02.png differ
diff --git a/docs/img/examples_pytorch_mnist_02_dark.png b/docs/img/examples_pytorch_mnist_02_dark.png
new file mode 100644
index 00000000..f3ac5ffc
Binary files /dev/null and b/docs/img/examples_pytorch_mnist_02_dark.png differ
diff --git a/docs/img/examples_pytorch_mnist_03.png b/docs/img/examples_pytorch_mnist_03.png
index 58c5d8cb..584da60f 100644
Binary files a/docs/img/examples_pytorch_mnist_03.png and b/docs/img/examples_pytorch_mnist_03.png differ
diff --git a/docs/img/examples_pytorch_mnist_03_dark.png b/docs/img/examples_pytorch_mnist_03_dark.png
new file mode 100644
index 00000000..810f19bf
Binary files /dev/null and b/docs/img/examples_pytorch_mnist_03_dark.png differ