Update PyTorch with Tensorboard toy and Pytorch TensorboardX

docs/guides/frameworks/pytorch/pytorch_tensorboardx.md

@@ -18,29 +18,34 @@ The loss and accuracy metric scalar plots, along with the resource utilization p
 appear in the task's page in the [web UI](../../../webapp/webapp_overview.md), under **SCALARS**.
 
 
-![image](../../../img/examples_pytorch_tensorboardx_03.png)
+![Scalars](../../../img/examples_pytorch_tensorboardx_03.png#light-mode-only)
+![Scalars](../../../img/examples_pytorch_tensorboardx_03_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_tensorboardx_01.png)
+![Hyperparameters](../../../img/examples_pytorch_tensorboardx_01.png#light-mode-only)
+![Hyperparameters](../../../img/examples_pytorch_tensorboardx_01_dark.png#dark-mode-only)
 
 ## Log
 
 Text printed to the console for training progress, as well as all other console output, appear in **CONSOLE**.
 
-![image](../../../img/examples_pytorch_tensorboardx_02.png)
+![Console log](../../../img/examples_pytorch_tensorboardx_02.png#light-mode-only)
+![Console log](../../../img/examples_pytorch_tensorboardx_02_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_tensorboardx_04.png)
+![Artifacts](../../../img/examples_pytorch_tensorboardx_04.png#light-mode-only)
+![Artifacts](../../../img/examples_pytorch_tensorboardx_04_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_tensorboardx_model.png)
+![Model details](../../../img/examples_pytorch_tensorboardx_model.png#light-mode-only)
+![Model details](../../../img/examples_pytorch_tensorboardx_model_dark.png#dark-mode-only)

docs/guides/frameworks/pytorch/tensorboard_toy_pytorch.md

@@ -11,10 +11,12 @@ associated with the `examples` project.
 
 The debug sample images appear according to metric, in the task's **DEBUG SAMPLES** tab.
 
-![image](../../../img/examples_tensorboard_toy_pytorch_02.png)
+![Debug samples](../../../img/examples_tensorboard_toy_pytorch_02.png#light-mode-only)
+![Debug samples](../../../img/examples_tensorboard_toy_pytorch_02_dark.png#dark-mode-only)
 
 ## Hyperparameters
 
 ClearML automatically logs TensorFlow Definitions. They appear in **CONFIGURATION** **>** **HYPERPARAMETERS** **>** **TF_DEFINE**.
 
-![image](../../../img/examples_tensorboard_toy_pytorch_00.png)
+![Hyperparameters](../../../img/examples_tensorboard_toy_pytorch_00.png#light-mode-only)
+![Hyperparameters](../../../img/examples_tensorboard_toy_pytorch_00_dark.png#dark-mode-only)