diff --git a/docs/guides/frameworks/pytorch/pytorch_abseil.md b/docs/guides/frameworks/pytorch/pytorch_abseil.md
index 0975cb91..95b7c51b 100644
--- a/docs/guides/frameworks/pytorch/pytorch_abseil.md
+++ b/docs/guides/frameworks/pytorch/pytorch_abseil.md
@@ -42,29 +42,34 @@ 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 abseil flags. They appear in **CONFIGURATION** **>** 
 **HYPERPARAMETERS** **>** **TF_DEFINE**.
 
-![image](../../../img/examples_pytorch_abseil_params.png)
+![Hyperparameters](../../../img/examples_pytorch_abseil_params.png#light-mode-only)
+![Hyperparameters](../../../img/examples_pytorch_abseil_params_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](../../../img/examples_pytorch_mnist_06.png#light-mode-only)
+![Console](../../../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_abseil_models.png)
+![Artifacts](../../../img/examples_pytorch_abseil_models.png#light-mode-only)
+![Artifacts](../../../img/examples_pytorch_abseil_models_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_abseil_models_2.png)
\ No newline at end of file
+![Model](../../../img/examples_pytorch_abseil_models_2.png#light-mode-only)
+![Model](../../../img/examples_pytorch_abseil_models_2_dark.png#dark-mode-only)
\ No newline at end of file
diff --git a/docs/img/examples_pytorch_abseil_models.png b/docs/img/examples_pytorch_abseil_models.png
index b5f7ce9f..9519b0d3 100644
Binary files a/docs/img/examples_pytorch_abseil_models.png and b/docs/img/examples_pytorch_abseil_models.png differ
diff --git a/docs/img/examples_pytorch_abseil_models_2.png b/docs/img/examples_pytorch_abseil_models_2.png
index c993d109..e2f20b4a 100644
Binary files a/docs/img/examples_pytorch_abseil_models_2.png and b/docs/img/examples_pytorch_abseil_models_2.png differ
diff --git a/docs/img/examples_pytorch_abseil_models_2_dark.png b/docs/img/examples_pytorch_abseil_models_2_dark.png
new file mode 100644
index 00000000..bca8b93e
Binary files /dev/null and b/docs/img/examples_pytorch_abseil_models_2_dark.png differ
diff --git a/docs/img/examples_pytorch_abseil_models_dark.png b/docs/img/examples_pytorch_abseil_models_dark.png
new file mode 100644
index 00000000..ed810e5d
Binary files /dev/null and b/docs/img/examples_pytorch_abseil_models_dark.png differ
diff --git a/docs/img/examples_pytorch_abseil_params.png b/docs/img/examples_pytorch_abseil_params.png
index 37760db9..3102d48c 100644
Binary files a/docs/img/examples_pytorch_abseil_params.png and b/docs/img/examples_pytorch_abseil_params.png differ
diff --git a/docs/img/examples_pytorch_abseil_params_dark.png b/docs/img/examples_pytorch_abseil_params_dark.png
new file mode 100644
index 00000000..ba74b9d0
Binary files /dev/null and b/docs/img/examples_pytorch_abseil_params_dark.png differ