update sklearn, tensorboardx example images

docs/guides/frameworks/scikit-learn/sklearn_joblib_example.md

@@ -12,16 +12,19 @@ and `matplotlib` to create a scatter diagram. When the script runs, it creates a
 ClearML automatically logs the scatter plot, which appears in the [task's page](../../../webapp/webapp_exp_track_visual.md) 
 in the ClearML web UI, under **PLOTS**.
 
-![image](../../../img/examples_sklearn_joblib_example_06.png)
+![Plots](../../../img/examples_sklearn_joblib_example_06.png#light-mode-only)
+![Plots](../../../img/examples_sklearn_joblib_example_06_dark.png#dark-mode-only)
 
 ## Artifacts
 
 Models created by the task appear in the task's **ARTIFACTS** tab. 
 
-![image](../../../img/examples_sklearn_joblib_example_01.png)
+![Artifacts](../../../img/examples_sklearn_joblib_example_01.png#light-mode-only)
+![Artifacts](../../../img/examples_sklearn_joblib_example_01_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_sklearn_joblib_example_02.png)
+![Model details](../../../img/examples_sklearn_joblib_example_02.png#light-mode-only)
+![Model details](../../../img/examples_sklearn_joblib_example_02_dark.png#dark-mode-only)

docs/guides/frameworks/tensorboardx/tensorboardx.md

@@ -16,30 +16,35 @@ The script does the following:
 The loss and accuracy metric scalar plots appear in the task's page in the **ClearML web UI**, under
 **SCALARS**. The also includes resource utilization plots, which are titled **:monitor: machine**.
 
-![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)
 
 ## Console
 
 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's 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/tensorboardx/video_tensorboardx.md

@@ -14,5 +14,6 @@ the `examples` project.
 ClearML automatically captures the video data that is added to the `SummaryWriter` object, using the `add_video` method. 
 The video appears in the task's **DEBUG SAMPLES** tab.
 
-![Debug Samples](../../../img/examples_tensorboardx_debug.png)
+![Debug Samples](../../../img/examples_tensorboardx_debug.png#light-mode-only)
+![Debug Samples](../../../img/examples_tensorboardx_debug_dark.png#dark-mode-only)