Merge pull request #1077 from pollfly/images_2

Update images

docs/integrations/catboost.md

@@ -31,7 +31,8 @@ You can view all the task details in the [WebApp](../webapp/webapp_overview.md).
 
 See an example of CatBoost and ClearML in action [here](../guides/frameworks/catboost/catboost.md).
 
-![Task scalars](../img/examples_catboost_scalars.png)
+![Task scalars](../img/examples_catboost_scalars.png#light-mode-only)
+![Task scalars](../img/examples_catboost_scalars_dark.png#dark-mode-only)
 
 ## Automatic Logging Control 
 By default, when ClearML is integrated into your CatBoost script, it captures models, and 

docs/integrations/click.md

@@ -42,7 +42,8 @@ if __name__ == '__main__':
 When this code is executed, ClearML logs your command-line arguments, which you can view in the 
 [WebApp](../webapp/webapp_overview.md), in the task's **Configuration > Hyperparameters > Args** section. 
 
-![click configuration](../img/integrations_click_configs.png)
+![click configuration](../img/integrations_click_configs.png#light-mode-only)
+![click configuration](../img/integrations_click_configs_dark.png#dark-mode-only)
 
 In the UI, you can clone the task multiple times and set the clones' parameter values for execution by the [ClearML Agent](../clearml_agent.md).
 When the clone is executed, the executing agent will use the new parameter values as if set by the command-line.

docs/integrations/fastai.md

@@ -30,7 +30,8 @@ You can view all the task details in the [WebApp](../webapp/webapp_overview.md).
 
 See an example of `fastai` and ClearML in action [here](../guides/frameworks/fastai/fastai_with_tensorboard.md).
 
-![Task scalars](../img/examples_reporting_fastai_01.png)
+![Task scalars](../img/examples_reporting_fastai_01.png#light-mode-only)
+![Task scalars](../img/examples_reporting_fastai_01_dark.png#dark-mode-only)
 
 ## Automatic Logging Control 
 By default, when ClearML is integrated into your `fastai` script, it captures models and 

docs/integrations/hydra.md

@@ -22,7 +22,8 @@ task = Task.init(task_name="<task_name>", project_name="<project_name>")
 ClearML logs the OmegaConf as a blob and can be viewed in the 
 [WebApp](../webapp/webapp_overview.md), in the task's **CONFIGURATION > CONFIGURATION OBJECTS > OmegaConf** section. 
 
-![Hydra configuration](../img/integrations_hydra_configs.png)
+![Hydra configuration](../img/integrations_hydra_configs.png#light-mode-only)
+![Hydra configuration](../img/integrations_hydra_configs_dark.png#dark-mode-only)
 
 ## Modifying Hydra Values
 

docs/integrations/keras_tuner.md

@@ -53,16 +53,19 @@ You can view all the task details in the [WebApp](../webapp/webapp_exp_track_vis
 
 ClearML logs the scalars from training each network. They appear in the task's **SCALARS** tab in the Web UI.
 
-![Optimization scalars](../img/integration_keras_tuner_06.png)
+![Optimization scalars](../img/integration_keras_tuner_06.png#light-mode-only)
+![Optimization scalars](../img/integration_keras_tuner_06_dark.png#dark-mode-only)
 
 ClearML automatically logs the parameters of each task run in the hyperparameter search. They appear in tabular 
 form in the task's **PLOTS**.
 
-![Optimization plot](../img/integration_keras_tuner_07.png)
+![Optimization plot](../img/integration_keras_tuner_07.png#light-mode-only)
+![Optimization plot](../img/integration_keras_tuner_07_dark.png#dark-mode-only)
 
 ClearML automatically stores the output model. It appears in the task's **ARTIFACTS** **>** **Output Model**.
 
-![output model](../img/integration_keras_tuner_03.png)
+![output model](../img/integration_keras_tuner_03.png#light-mode-only)
+![output model](../img/integration_keras_tuner_03_dark.png#dark-mode-only)
 
 ## Example 
 

docs/integrations/pytorch.md

@@ -28,7 +28,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). 
 
-![Pytorch webapp](../img/examples_pytorch_distributed_example_08.png)
+![Pytorch webapp](../img/examples_pytorch_distributed_example_08.png#light-mode-only)
+![Pytorch webapp](../img/examples_pytorch_distributed_example_08_dark.png#dark-mode-only)
 
 ## Automatic Logging Control 
 By default, when ClearML is integrated into your PyTorch script, it captures PyTorch models. But, you may want to have 

docs/integrations/tensorboard.md

@@ -22,9 +22,11 @@ uncommitted code, Python environment, your TensorBoard metrics, plots, images, a
 
 View the TensorBoard outputs in the [WebApp](../webapp/webapp_overview.md), in the task's page.
 
-![TensorBoard WebApp scalars](../img/examples_pytorch_tensorboard_07.png)
+![TensorBoard WebApp scalars](../img/examples_pytorch_tensorboard_07.png#light-mode-only)
+![TensorBoard WebApp scalars](../img/examples_pytorch_tensorboard_07_dark.png#dark-mode-only)
 
-![Tensorboard WebApp debug samples](../img/examples_tensorboard_toy_pytorch_02.png)
+![Tensorboard WebApp debug samples](../img/examples_tensorboard_toy_pytorch_02.png#light-mode-only)
+![Tensorboard WebApp debug samples](../img/examples_tensorboard_toy_pytorch_02_dark.png#dark-mode-only)
 
 ## Automatic Logging Control 
 By default, when ClearML is integrated into your script, it captures all of your TensorBoard plots, images, and metrics. 

docs/integrations/tensorboardx.md

@@ -22,7 +22,8 @@ uncommitted code, Python environment, your TensorboardX metrics, plots, images,
 
 View the TensorboardX outputs in the [WebApp](../webapp/webapp_overview.md), in the task's page.
 
-![TensorboardX WebApp scalars](../img/examples_pytorch_tensorboardx_03.png)
+![TensorboardX WebApp scalars](../img/examples_pytorch_tensorboardx_03.png#light-mode-only)
+![TensorboardX WebApp scalars](../img/examples_pytorch_tensorboardx_03_dark.png#dark-mode-only)
 
 ## Automatic Logging Control 
 By default, when ClearML is integrated into your script, it captures all of your TensorboardX plots, images, metrics, videos, and text. 

docs/integrations/xgboost.md

@@ -51,7 +51,8 @@ except ImportError:
 
 You can view all the task details in the [WebApp](../webapp/webapp_overview.md). 
 
-![Task scalars](../img/examples_xgboost_metric_scalars.png)
+![Task scalars](../img/examples_xgboost_metric_scalars.png#light-mode-only)
+![Task scalars](../img/examples_xgboost_metric_scalars_dark.png#dark-mode-only)
 
 ## Automatic Logging Control 
 By default, when ClearML is integrated into your XGBoost script, it captures models, and