diff --git a/docs/clearml_data/data_management_examples/data_man_cifar_classification.md b/docs/clearml_data/data_management_examples/data_man_cifar_classification.md
index 1e4cc2a3..860c5af6 100644
--- a/docs/clearml_data/data_management_examples/data_man_cifar_classification.md
+++ b/docs/clearml_data/data_management_examples/data_man_cifar_classification.md
@@ -68,7 +68,8 @@ reproducibility.
Information about the dataset can be viewed in the WebApp, in the dataset's [details panel](../../webapp/datasets/webapp_dataset_viewing.md#version-details-panel).
In the panel's **CONTENT** tab, you can see a table summarizing version contents, including file names, file sizes, and hashes.
-
+
+
## Using the Dataset
diff --git a/docs/clearml_data/data_management_examples/data_man_python.md b/docs/clearml_data/data_management_examples/data_man_python.md
index c8e5ea14..5d4adc06 100644
--- a/docs/clearml_data/data_management_examples/data_man_python.md
+++ b/docs/clearml_data/data_management_examples/data_man_python.md
@@ -79,7 +79,8 @@ After a dataset has been closed, it can no longer be modified. This ensures futu
Information about the dataset can be viewed in the WebApp, in the dataset's [details panel](../../webapp/datasets/webapp_dataset_viewing.md#version-details-panel).
In the panel's **CONTENT** tab, you can see a table summarizing version contents, including file names, file sizes, and hashes.
-
+
+
## Data Ingestion
diff --git a/docs/guides/advanced/execute_remotely.md b/docs/guides/advanced/execute_remotely.md
index 9502deb1..171dffb4 100644
--- a/docs/guides/advanced/execute_remotely.md
+++ b/docs/guides/advanced/execute_remotely.md
@@ -57,24 +57,28 @@ Logger.current_logger().report_scalar(
These scalars can be visualized in plots, which appear in the ClearML web UI, in the task's **SCALARS** tab.
-
+
+
## Hyperparameters
ClearML automatically logs command line options defined with `argparse`. They appear in **CONFIGURATION** **>** **HYPERPARAMETERS** **>** **Args**.
-
+
+
## Console
Text printed to the console for training progress, as well as all other console output, appear in **CONSOLE**.
-
+
+
## 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.
-
+
+
diff --git a/docs/guides/automation/manual_random_param_search_example.md b/docs/guides/automation/manual_random_param_search_example.md
index fd71f4ba..36e94ebd 100644
--- a/docs/guides/automation/manual_random_param_search_example.md
+++ b/docs/guides/automation/manual_random_param_search_example.md
@@ -31,4 +31,5 @@ the `examples` project. This starts the parameter search, and creates the tasks:
When these tasks are completed, their [results can be compared](../../webapp/webapp_exp_comparing.md).
-
\ No newline at end of file
+
+
\ No newline at end of file
diff --git a/docs/guides/distributed/distributed_pytorch_example.md b/docs/guides/distributed/distributed_pytorch_example.md
index c57e0341..a972e9ac 100644
--- a/docs/guides/distributed/distributed_pytorch_example.md
+++ b/docs/guides/distributed/distributed_pytorch_example.md
@@ -34,7 +34,8 @@ Task.current_task().upload_artifact(
All of these artifacts appear in the main Task under **ARTIFACTS** **>** **OTHER**.
-
+
+
## Scalars
@@ -54,7 +55,8 @@ Task.current_task().get_logger().report_scalar(
The single scalar plot for loss appears in **SCALARS**.
-
+
+
## Hyperparameters
@@ -69,12 +71,15 @@ Task.current_task().connect(param)
All the hyperparameters appear in **CONFIGURATION** **>** **HYPERPARAMETERS**.
-
+
+
-
+
+
## Console
Output to the console, including the text messages printed from the main Task object and each subprocess appear in **CONSOLE**.
-
\ No newline at end of file
+
+
\ No newline at end of file
diff --git a/docs/guides/distributed/subprocess_example.md b/docs/guides/distributed/subprocess_example.md
index 42eab687..4f9c80c4 100644
--- a/docs/guides/distributed/subprocess_example.md
+++ b/docs/guides/distributed/subprocess_example.md
@@ -26,14 +26,17 @@ Task.current_task().connect(additional_parameters)
Command line options appear in **CONFIGURATION** **>** **HYPERPARAMETERS** **>** **Args**.
-
+
+
Parameter dictionaries appear in **General**.
-
+
+
## Console
Output to the console, including the text messages from the Task in each subprocess, appear in **CONSOLE**.
-
\ No newline at end of file
+
+
\ No newline at end of file
diff --git a/docs/guides/frameworks/catboost/catboost.md b/docs/guides/frameworks/catboost/catboost.md
index 2c6b0aeb..365cea5a 100644
--- a/docs/guides/frameworks/catboost/catboost.md
+++ b/docs/guides/frameworks/catboost/catboost.md
@@ -15,25 +15,30 @@ The example script does the following:
ClearML automatically captures scalars logged by CatBoost. These scalars can be visualized in plots, which appear in the
[ClearML web UI](../../../webapp/webapp_overview.md), in the task's **SCALARS** tab.
-
+
+
## Hyperparameters
ClearML automatically logs command line options defined with argparse. They appear in **CONFIGURATIONS > HYPERPARAMETERS > Args**.
-
+
+
## Console
Text printed to the console for training progress, as well as all other console output, appear in **CONSOLE**.
-
+
+
## Artifacts
Models created by the task appear in the task's **ARTIFACTS** tab. ClearML automatically logs and tracks
models created using CatBoost.
-
+
+
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.
-
+
+
diff --git a/docs/guides/frameworks/fastai/fastai_with_tensorboard.md b/docs/guides/frameworks/fastai/fastai_with_tensorboard.md
index 1b58978e..59b9fd3c 100644
--- a/docs/guides/frameworks/fastai/fastai_with_tensorboard.md
+++ b/docs/guides/frameworks/fastai/fastai_with_tensorboard.md
@@ -18,16 +18,19 @@ The example code does the following:
ClearML automatically logs the histogram output to TensorBoard. They appear in **PLOTS**.
-
+
+
## Plots
Histograms output to TensorBoard. They appear in **PLOTS**.
-
+
+
## Logs
Text printed to the console for training progress, as well as all other console output, appear in **CONSOLE**.
-
+
+
diff --git a/docs/guides/frameworks/huggingface/transformers.md b/docs/guides/frameworks/huggingface/transformers.md
index c095f3a9..a9a96ade 100644
--- a/docs/guides/frameworks/huggingface/transformers.md
+++ b/docs/guides/frameworks/huggingface/transformers.md
@@ -36,7 +36,8 @@ ClearML captures all of the `TrainingArguments` passed to the Trainer.
View these parameters in the task's **CONFIGURATION** tab **> Hyperparameters** section.
-
+
+
### Models
@@ -47,10 +48,12 @@ variable is set to `True`.
ClearML automatically captures the model snapshots created by the Trainer, and saves them as artifacts. View the snapshots in the
task's **ARTIFACTS** tab.
-
+
+
### Scalars
ClearML automatically captures the Trainer's scalars, which can be viewed in the task's **Scalars** tab.
-
+
+
diff --git a/docs/guides/frameworks/pytorch/model_updating.md b/docs/guides/frameworks/pytorch/model_updating.md
index 4822eed8..cb5360a7 100644
--- a/docs/guides/frameworks/pytorch/model_updating.md
+++ b/docs/guides/frameworks/pytorch/model_updating.md
@@ -83,18 +83,22 @@ if CONDITION:
## WebApp
The model appears in the task's **ARTIFACTS** tab.
-
+
+
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.
-
+
+
The model's **NETWORK** tab displays its configuration.
-
+
+
The model's **LABELS** tab displays its label enumeration.
-
+
+
diff --git a/docs/guides/frameworks/pytorch/pytorch_distributed_example.md b/docs/guides/frameworks/pytorch/pytorch_distributed_example.md
index 31f63da4..1b81edf1 100644
--- a/docs/guides/frameworks/pytorch/pytorch_distributed_example.md
+++ b/docs/guides/frameworks/pytorch/pytorch_distributed_example.md
@@ -35,7 +35,8 @@ Task.current_task().upload_artifact(
All of these artifacts appear in the main Task, **ARTIFACTS** **>** **OTHER**.
-
+
+
## Scalars
@@ -54,7 +55,8 @@ Task.current_task().get_logger().report_scalar(
The single scalar plot for loss appears in **SCALARS**.
-
+
+
## Hyperparameters
@@ -69,7 +71,8 @@ Task.current_task().connect(param)
Command line options appear in **CONFIGURATION** **>** **HYPERPARAMETERS** **>** **Args**.
-
+
+
Parameter dictionaries appear in the **General** section of **HYPERPARAMETERS**.
@@ -78,10 +81,12 @@ param = {'worker_{}_stuff'.format(dist.get_rank()): 'some stuff ' + str(randint(
Task.current_task().connect(param)
```
-
+
+
## Log
Output to the console, including the text messages printed from the main Task object and each subprocess, appears in **CONSOLE**.
-
\ No newline at end of file
+
+
\ No newline at end of file
diff --git a/docs/guides/frameworks/pytorch/pytorch_matplotlib.md b/docs/guides/frameworks/pytorch/pytorch_matplotlib.md
index afc20955..0e580fd7 100644
--- a/docs/guides/frameworks/pytorch/pytorch_matplotlib.md
+++ b/docs/guides/frameworks/pytorch/pytorch_matplotlib.md
@@ -14,15 +14,18 @@ The example does the following:
The images shown in the example script's `imshow` function appear according to metric in **DEBUG SAMPLES**.
-
+
+
Select a debug sample by metric.
-
+
+
-Open the debug sample in the image viewer.
+Click a debug sample to view it in the image viewer.
-
+
+
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.
-
+
+
## Hyperparameters
ClearML automatically logs command line options defined with `argparse`. They appear in **CONFIGURATION** **>** **HYPERPARAMETERS** **>** **Args**.
-
+
+
## Console
Text printed to the console for training progress, as well as all other console output, appear in **CONSOLE**.
-
+
+
## 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.
-
+
+
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.
-
\ No newline at end of file
+
+
\ No newline at end of file
diff --git a/docs/guides/frameworks/pytorch/pytorch_tensorboard.md b/docs/guides/frameworks/pytorch/pytorch_tensorboard.md
index 2dec7c79..41b282c0 100644
--- a/docs/guides/frameworks/pytorch/pytorch_tensorboard.md
+++ b/docs/guides/frameworks/pytorch/pytorch_tensorboard.md
@@ -18,34 +18,40 @@ In the example script, the `train` and `test` functions call the TensorBoard `Su
These scalars, along with the resource utilization plots, which are titled **:monitor: machine**, appear in the task's
page in the [ClearML web UI](../../../webapp/webapp_overview.md) under **SCALARS**.
-
+
+
## Debug Samples
ClearML automatically tracks images and text output to TensorFlow. They appear in **DEBUG SAMPLES**.
-
+
+
## Hyperparameters
ClearML automatically logs TensorFlow Definitions. They appear in **CONFIGURATION** **>** **HYPERPARAMETERS** **>** **TF_DEFINE**.
-
+
+
## Console
Text printed to the console for training progress, as well as all other console output, appear in **CONSOLE**.
-
+
+
## 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.
-
+
+
Clicking on a 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.
-
\ No newline at end of file
+
+
\ No newline at end of file
diff --git a/docs/guides/frameworks/pytorch/pytorch_tensorboardx.md b/docs/guides/frameworks/pytorch/pytorch_tensorboardx.md
index 6bc91d63..d1f08722 100644
--- a/docs/guides/frameworks/pytorch/pytorch_tensorboardx.md
+++ b/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**.
-
+
+
## Hyperparameters
ClearML automatically logs command line options defined with `argparse`. They appear in **CONFIGURATION** **>**
**HYPERPARAMETERS** **>** **Args**.
-
+
+
## Log
Text printed to the console for training progress, as well as all other console output, appear in **CONSOLE**.
-
+
+
## 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.
-
+
+
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.
-
+
+
diff --git a/docs/guides/frameworks/pytorch/tensorboard_toy_pytorch.md b/docs/guides/frameworks/pytorch/tensorboard_toy_pytorch.md
index dcde66a8..cf17ac86 100644
--- a/docs/guides/frameworks/pytorch/tensorboard_toy_pytorch.md
+++ b/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.
-
+
+
## Hyperparameters
ClearML automatically logs TensorFlow Definitions. They appear in **CONFIGURATION** **>** **HYPERPARAMETERS** **>** **TF_DEFINE**.
-
\ No newline at end of file
+
+
\ No newline at end of file
diff --git a/docs/img/examples_catboost_artifacts.png b/docs/img/examples_catboost_artifacts.png
index c2110cda..931e7fde 100644
Binary files a/docs/img/examples_catboost_artifacts.png and b/docs/img/examples_catboost_artifacts.png differ
diff --git a/docs/img/examples_catboost_artifacts_dark.png b/docs/img/examples_catboost_artifacts_dark.png
new file mode 100644
index 00000000..40fee1b5
Binary files /dev/null and b/docs/img/examples_catboost_artifacts_dark.png differ
diff --git a/docs/img/examples_catboost_configurations.png b/docs/img/examples_catboost_configurations.png
index a8272ce0..3e7823ca 100644
Binary files a/docs/img/examples_catboost_configurations.png and b/docs/img/examples_catboost_configurations.png differ
diff --git a/docs/img/examples_catboost_configurations_dark.png b/docs/img/examples_catboost_configurations_dark.png
new file mode 100644
index 00000000..168c34b9
Binary files /dev/null and b/docs/img/examples_catboost_configurations_dark.png differ
diff --git a/docs/img/examples_catboost_console.png b/docs/img/examples_catboost_console.png
index 52643fca..940433b0 100644
Binary files a/docs/img/examples_catboost_console.png and b/docs/img/examples_catboost_console.png differ
diff --git a/docs/img/examples_catboost_console_dark.png b/docs/img/examples_catboost_console_dark.png
new file mode 100644
index 00000000..b8b684fe
Binary files /dev/null and b/docs/img/examples_catboost_console_dark.png differ
diff --git a/docs/img/examples_catboost_model.png b/docs/img/examples_catboost_model.png
index 70a4909b..b66a8443 100644
Binary files a/docs/img/examples_catboost_model.png and b/docs/img/examples_catboost_model.png differ
diff --git a/docs/img/examples_catboost_model_dark.png b/docs/img/examples_catboost_model_dark.png
new file mode 100644
index 00000000..3470c59a
Binary files /dev/null and b/docs/img/examples_catboost_model_dark.png differ
diff --git a/docs/img/examples_catboost_scalars.png b/docs/img/examples_catboost_scalars.png
index 28a53003..580eb933 100644
Binary files a/docs/img/examples_catboost_scalars.png and b/docs/img/examples_catboost_scalars.png differ
diff --git a/docs/img/examples_catboost_scalars_dark.png b/docs/img/examples_catboost_scalars_dark.png
new file mode 100644
index 00000000..3daa8f9c
Binary files /dev/null and b/docs/img/examples_catboost_scalars_dark.png differ
diff --git a/docs/img/examples_data_management_cifar_dataset.png b/docs/img/examples_data_management_cifar_dataset.png
index 57d229a4..04fd9674 100644
Binary files a/docs/img/examples_data_management_cifar_dataset.png and b/docs/img/examples_data_management_cifar_dataset.png differ
diff --git a/docs/img/examples_data_management_cifar_dataset_dark.png b/docs/img/examples_data_management_cifar_dataset_dark.png
new file mode 100644
index 00000000..9b122dc0
Binary files /dev/null and b/docs/img/examples_data_management_cifar_dataset_dark.png differ
diff --git a/docs/img/examples_hpo_parallel_coordinates.png b/docs/img/examples_hpo_parallel_coordinates.png
index 7627d8a5..8cf953a4 100644
Binary files a/docs/img/examples_hpo_parallel_coordinates.png and b/docs/img/examples_hpo_parallel_coordinates.png differ
diff --git a/docs/img/examples_hpo_parallel_coordinates_dark.png b/docs/img/examples_hpo_parallel_coordinates_dark.png
new file mode 100644
index 00000000..bf21644c
Binary files /dev/null and b/docs/img/examples_hpo_parallel_coordinates_dark.png differ
diff --git a/docs/img/examples_model_update_artifacts.png b/docs/img/examples_model_update_artifacts.png
index eee2aa00..25d5d385 100644
Binary files a/docs/img/examples_model_update_artifacts.png and b/docs/img/examples_model_update_artifacts.png differ
diff --git a/docs/img/examples_model_update_artifacts_dark.png b/docs/img/examples_model_update_artifacts_dark.png
new file mode 100644
index 00000000..36b1e74b
Binary files /dev/null and b/docs/img/examples_model_update_artifacts_dark.png differ
diff --git a/docs/img/examples_model_update_labels.png b/docs/img/examples_model_update_labels.png
index 41edc686..600d968a 100644
Binary files a/docs/img/examples_model_update_labels.png and b/docs/img/examples_model_update_labels.png differ
diff --git a/docs/img/examples_model_update_labels_dark.png b/docs/img/examples_model_update_labels_dark.png
new file mode 100644
index 00000000..f666147b
Binary files /dev/null and b/docs/img/examples_model_update_labels_dark.png differ
diff --git a/docs/img/examples_model_update_model.png b/docs/img/examples_model_update_model.png
index 60d8083b..b7d4b981 100644
Binary files a/docs/img/examples_model_update_model.png and b/docs/img/examples_model_update_model.png differ
diff --git a/docs/img/examples_model_update_model_dark.png b/docs/img/examples_model_update_model_dark.png
new file mode 100644
index 00000000..a3b63836
Binary files /dev/null and b/docs/img/examples_model_update_model_dark.png differ
diff --git a/docs/img/examples_model_update_network.png b/docs/img/examples_model_update_network.png
index 8db0352e..d3096a3f 100644
Binary files a/docs/img/examples_model_update_network.png and b/docs/img/examples_model_update_network.png differ
diff --git a/docs/img/examples_model_update_network_dark.png b/docs/img/examples_model_update_network_dark.png
new file mode 100644
index 00000000..337a98c7
Binary files /dev/null and b/docs/img/examples_model_update_network_dark.png differ
diff --git a/docs/img/examples_pytorch_distributed_example_01.png b/docs/img/examples_pytorch_distributed_example_01.png
index 1c757e38..562b4252 100644
Binary files a/docs/img/examples_pytorch_distributed_example_01.png and b/docs/img/examples_pytorch_distributed_example_01.png differ
diff --git a/docs/img/examples_pytorch_distributed_example_01_dark.png b/docs/img/examples_pytorch_distributed_example_01_dark.png
new file mode 100644
index 00000000..7ee16907
Binary files /dev/null and b/docs/img/examples_pytorch_distributed_example_01_dark.png differ
diff --git a/docs/img/examples_pytorch_distributed_example_01a.png b/docs/img/examples_pytorch_distributed_example_01a.png
deleted file mode 100644
index 05561153..00000000
Binary files a/docs/img/examples_pytorch_distributed_example_01a.png and /dev/null differ
diff --git a/docs/img/examples_pytorch_distributed_example_02.png b/docs/img/examples_pytorch_distributed_example_02.png
index d89d0378..b28509cc 100644
Binary files a/docs/img/examples_pytorch_distributed_example_02.png and b/docs/img/examples_pytorch_distributed_example_02.png differ
diff --git a/docs/img/examples_pytorch_distributed_example_02_dark.png b/docs/img/examples_pytorch_distributed_example_02_dark.png
new file mode 100644
index 00000000..0fb9ae1f
Binary files /dev/null and b/docs/img/examples_pytorch_distributed_example_02_dark.png differ
diff --git a/docs/img/examples_pytorch_distributed_example_06.png b/docs/img/examples_pytorch_distributed_example_06.png
index 216dae82..a399be1e 100644
Binary files a/docs/img/examples_pytorch_distributed_example_06.png and b/docs/img/examples_pytorch_distributed_example_06.png differ
diff --git a/docs/img/examples_pytorch_distributed_example_06_dark.png b/docs/img/examples_pytorch_distributed_example_06_dark.png
new file mode 100644
index 00000000..1c633c5f
Binary files /dev/null and b/docs/img/examples_pytorch_distributed_example_06_dark.png differ
diff --git a/docs/img/examples_pytorch_distributed_example_08.png b/docs/img/examples_pytorch_distributed_example_08.png
index 206b82eb..84fd3722 100644
Binary files a/docs/img/examples_pytorch_distributed_example_08.png and b/docs/img/examples_pytorch_distributed_example_08.png differ
diff --git a/docs/img/examples_pytorch_distributed_example_08_dark.png b/docs/img/examples_pytorch_distributed_example_08_dark.png
new file mode 100644
index 00000000..3a7ab8f3
Binary files /dev/null and b/docs/img/examples_pytorch_distributed_example_08_dark.png differ
diff --git a/docs/img/examples_pytorch_distributed_example_09.png b/docs/img/examples_pytorch_distributed_example_09.png
index 3e5d02e8..2880774a 100644
Binary files a/docs/img/examples_pytorch_distributed_example_09.png and b/docs/img/examples_pytorch_distributed_example_09.png differ
diff --git a/docs/img/examples_pytorch_distributed_example_09_dark.png b/docs/img/examples_pytorch_distributed_example_09_dark.png
new file mode 100644
index 00000000..df6a551c
Binary files /dev/null and b/docs/img/examples_pytorch_distributed_example_09_dark.png differ
diff --git a/docs/img/examples_pytorch_matplotlib_02.png b/docs/img/examples_pytorch_matplotlib_02.png
index 67ce4d54..69499a18 100644
Binary files a/docs/img/examples_pytorch_matplotlib_02.png and b/docs/img/examples_pytorch_matplotlib_02.png differ
diff --git a/docs/img/examples_pytorch_matplotlib_02_dark.png b/docs/img/examples_pytorch_matplotlib_02_dark.png
new file mode 100644
index 00000000..fd09a689
Binary files /dev/null and b/docs/img/examples_pytorch_matplotlib_02_dark.png differ
diff --git a/docs/img/examples_pytorch_matplotlib_02a.png b/docs/img/examples_pytorch_matplotlib_02a.png
index 888821a0..7c7c95f8 100644
Binary files a/docs/img/examples_pytorch_matplotlib_02a.png and b/docs/img/examples_pytorch_matplotlib_02a.png differ
diff --git a/docs/img/examples_pytorch_matplotlib_02a_dark.png b/docs/img/examples_pytorch_matplotlib_02a_dark.png
new file mode 100644
index 00000000..376a955f
Binary files /dev/null and b/docs/img/examples_pytorch_matplotlib_02a_dark.png differ
diff --git a/docs/img/examples_pytorch_matplotlib_02b.png b/docs/img/examples_pytorch_matplotlib_02b.png
index bb195fab..4a60a3d7 100644
Binary files a/docs/img/examples_pytorch_matplotlib_02b.png and b/docs/img/examples_pytorch_matplotlib_02b.png differ
diff --git a/docs/img/examples_pytorch_matplotlib_02b_dark.png b/docs/img/examples_pytorch_matplotlib_02b_dark.png
new file mode 100644
index 00000000..fd0973c3
Binary files /dev/null and b/docs/img/examples_pytorch_matplotlib_02b_dark.png differ
diff --git a/docs/img/examples_pytorch_mnist_01.png b/docs/img/examples_pytorch_mnist_01.png
index 0021706c..4f0d77d0 100644
Binary files a/docs/img/examples_pytorch_mnist_01.png and b/docs/img/examples_pytorch_mnist_01.png differ
diff --git a/docs/img/examples_pytorch_mnist_01_dark.png b/docs/img/examples_pytorch_mnist_01_dark.png
new file mode 100644
index 00000000..01945497
Binary files /dev/null and b/docs/img/examples_pytorch_mnist_01_dark.png differ
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
diff --git a/docs/img/examples_pytorch_mnist_06.png b/docs/img/examples_pytorch_mnist_06.png
index a0929b8a..3a0b7005 100644
Binary files a/docs/img/examples_pytorch_mnist_06.png and b/docs/img/examples_pytorch_mnist_06.png differ
diff --git a/docs/img/examples_pytorch_mnist_06_dark.png b/docs/img/examples_pytorch_mnist_06_dark.png
new file mode 100644
index 00000000..f97525f1
Binary files /dev/null and b/docs/img/examples_pytorch_mnist_06_dark.png differ
diff --git a/docs/img/examples_pytorch_mnist_07.png b/docs/img/examples_pytorch_mnist_07.png
index 85a46d18..320e8faa 100644
Binary files a/docs/img/examples_pytorch_mnist_07.png and b/docs/img/examples_pytorch_mnist_07.png differ
diff --git a/docs/img/examples_pytorch_mnist_07_dark.png b/docs/img/examples_pytorch_mnist_07_dark.png
new file mode 100644
index 00000000..accc94fb
Binary files /dev/null and b/docs/img/examples_pytorch_mnist_07_dark.png differ
diff --git a/docs/img/examples_pytorch_tensorboard_01.png b/docs/img/examples_pytorch_tensorboard_01.png
index 5f2f456c..a1784fad 100644
Binary files a/docs/img/examples_pytorch_tensorboard_01.png and b/docs/img/examples_pytorch_tensorboard_01.png differ
diff --git a/docs/img/examples_pytorch_tensorboard_01_dark.png b/docs/img/examples_pytorch_tensorboard_01_dark.png
new file mode 100644
index 00000000..31d3ce68
Binary files /dev/null and b/docs/img/examples_pytorch_tensorboard_01_dark.png differ
diff --git a/docs/img/examples_pytorch_tensorboard_02.png b/docs/img/examples_pytorch_tensorboard_02.png
index e43631ac..8f7debbe 100644
Binary files a/docs/img/examples_pytorch_tensorboard_02.png and b/docs/img/examples_pytorch_tensorboard_02.png differ
diff --git a/docs/img/examples_pytorch_tensorboard_02_dark.png b/docs/img/examples_pytorch_tensorboard_02_dark.png
new file mode 100644
index 00000000..3cfa2851
Binary files /dev/null and b/docs/img/examples_pytorch_tensorboard_02_dark.png differ
diff --git a/docs/img/examples_pytorch_tensorboard_03.png b/docs/img/examples_pytorch_tensorboard_03.png
index 8b47bd04..977f20f2 100644
Binary files a/docs/img/examples_pytorch_tensorboard_03.png and b/docs/img/examples_pytorch_tensorboard_03.png differ
diff --git a/docs/img/examples_pytorch_tensorboard_03_dark.png b/docs/img/examples_pytorch_tensorboard_03_dark.png
new file mode 100644
index 00000000..3968a75d
Binary files /dev/null and b/docs/img/examples_pytorch_tensorboard_03_dark.png differ
diff --git a/docs/img/examples_pytorch_tensorboard_06.png b/docs/img/examples_pytorch_tensorboard_06.png
index 7e17a669..9d96c85f 100644
Binary files a/docs/img/examples_pytorch_tensorboard_06.png and b/docs/img/examples_pytorch_tensorboard_06.png differ
diff --git a/docs/img/examples_pytorch_tensorboard_06_dark.png b/docs/img/examples_pytorch_tensorboard_06_dark.png
new file mode 100644
index 00000000..a224091b
Binary files /dev/null and b/docs/img/examples_pytorch_tensorboard_06_dark.png differ
diff --git a/docs/img/examples_pytorch_tensorboard_07.png b/docs/img/examples_pytorch_tensorboard_07.png
index 14201747..975bbd60 100644
Binary files a/docs/img/examples_pytorch_tensorboard_07.png and b/docs/img/examples_pytorch_tensorboard_07.png differ
diff --git a/docs/img/examples_pytorch_tensorboard_07_dark.png b/docs/img/examples_pytorch_tensorboard_07_dark.png
new file mode 100644
index 00000000..baf8ec42
Binary files /dev/null and b/docs/img/examples_pytorch_tensorboard_07_dark.png differ
diff --git a/docs/img/examples_pytorch_tensorboard_08.png b/docs/img/examples_pytorch_tensorboard_08.png
index 7ea4f6de..f207105c 100644
Binary files a/docs/img/examples_pytorch_tensorboard_08.png and b/docs/img/examples_pytorch_tensorboard_08.png differ
diff --git a/docs/img/examples_pytorch_tensorboard_08_dark.png b/docs/img/examples_pytorch_tensorboard_08_dark.png
new file mode 100644
index 00000000..f53da658
Binary files /dev/null and b/docs/img/examples_pytorch_tensorboard_08_dark.png differ
diff --git a/docs/img/examples_pytorch_tensorboardx_01.png b/docs/img/examples_pytorch_tensorboardx_01.png
index 1fb3bb96..564ff84e 100644
Binary files a/docs/img/examples_pytorch_tensorboardx_01.png and b/docs/img/examples_pytorch_tensorboardx_01.png differ
diff --git a/docs/img/examples_pytorch_tensorboardx_01_dark.png b/docs/img/examples_pytorch_tensorboardx_01_dark.png
new file mode 100644
index 00000000..a9e55881
Binary files /dev/null and b/docs/img/examples_pytorch_tensorboardx_01_dark.png differ
diff --git a/docs/img/examples_pytorch_tensorboardx_02.png b/docs/img/examples_pytorch_tensorboardx_02.png
index 6cf3b1e1..dae5a228 100644
Binary files a/docs/img/examples_pytorch_tensorboardx_02.png and b/docs/img/examples_pytorch_tensorboardx_02.png differ
diff --git a/docs/img/examples_pytorch_tensorboardx_02_dark.png b/docs/img/examples_pytorch_tensorboardx_02_dark.png
new file mode 100644
index 00000000..05825b4e
Binary files /dev/null and b/docs/img/examples_pytorch_tensorboardx_02_dark.png differ
diff --git a/docs/img/examples_pytorch_tensorboardx_03.png b/docs/img/examples_pytorch_tensorboardx_03.png
index d25737a0..1397d3da 100644
Binary files a/docs/img/examples_pytorch_tensorboardx_03.png and b/docs/img/examples_pytorch_tensorboardx_03.png differ
diff --git a/docs/img/examples_pytorch_tensorboardx_03_dark.png b/docs/img/examples_pytorch_tensorboardx_03_dark.png
new file mode 100644
index 00000000..76c1d437
Binary files /dev/null and b/docs/img/examples_pytorch_tensorboardx_03_dark.png differ
diff --git a/docs/img/examples_pytorch_tensorboardx_04.png b/docs/img/examples_pytorch_tensorboardx_04.png
index bc728d0e..97cc46d4 100644
Binary files a/docs/img/examples_pytorch_tensorboardx_04.png and b/docs/img/examples_pytorch_tensorboardx_04.png differ
diff --git a/docs/img/examples_pytorch_tensorboardx_04_dark.png b/docs/img/examples_pytorch_tensorboardx_04_dark.png
new file mode 100644
index 00000000..0945855b
Binary files /dev/null and b/docs/img/examples_pytorch_tensorboardx_04_dark.png differ
diff --git a/docs/img/examples_pytorch_tensorboardx_model.png b/docs/img/examples_pytorch_tensorboardx_model.png
index 4dfe0cab..cd170b5e 100644
Binary files a/docs/img/examples_pytorch_tensorboardx_model.png and b/docs/img/examples_pytorch_tensorboardx_model.png differ
diff --git a/docs/img/examples_pytorch_tensorboardx_model_dark.png b/docs/img/examples_pytorch_tensorboardx_model_dark.png
new file mode 100644
index 00000000..a65850dc
Binary files /dev/null and b/docs/img/examples_pytorch_tensorboardx_model_dark.png differ
diff --git a/docs/img/examples_remote_execution_artifacts.png b/docs/img/examples_remote_execution_artifacts.png
index ada633e4..d595bc9f 100644
Binary files a/docs/img/examples_remote_execution_artifacts.png and b/docs/img/examples_remote_execution_artifacts.png differ
diff --git a/docs/img/examples_remote_execution_artifacts_dark.png b/docs/img/examples_remote_execution_artifacts_dark.png
new file mode 100644
index 00000000..245d4102
Binary files /dev/null and b/docs/img/examples_remote_execution_artifacts_dark.png differ
diff --git a/docs/img/examples_reporting_fastai_01.png b/docs/img/examples_reporting_fastai_01.png
index 42fb4686..caf2f247 100644
Binary files a/docs/img/examples_reporting_fastai_01.png and b/docs/img/examples_reporting_fastai_01.png differ
diff --git a/docs/img/examples_reporting_fastai_01_dark.png b/docs/img/examples_reporting_fastai_01_dark.png
new file mode 100644
index 00000000..71853731
Binary files /dev/null and b/docs/img/examples_reporting_fastai_01_dark.png differ
diff --git a/docs/img/examples_reporting_fastai_02.png b/docs/img/examples_reporting_fastai_02.png
index 86164dbc..2bdd9c6c 100644
Binary files a/docs/img/examples_reporting_fastai_02.png and b/docs/img/examples_reporting_fastai_02.png differ
diff --git a/docs/img/examples_reporting_fastai_02_dark.png b/docs/img/examples_reporting_fastai_02_dark.png
new file mode 100644
index 00000000..708522c7
Binary files /dev/null and b/docs/img/examples_reporting_fastai_02_dark.png differ
diff --git a/docs/img/examples_reporting_fastai_03.png b/docs/img/examples_reporting_fastai_03.png
index 2c7bdfef..26c484d6 100644
Binary files a/docs/img/examples_reporting_fastai_03.png and b/docs/img/examples_reporting_fastai_03.png differ
diff --git a/docs/img/examples_reporting_fastai_03_dark.png b/docs/img/examples_reporting_fastai_03_dark.png
new file mode 100644
index 00000000..209b10b7
Binary files /dev/null and b/docs/img/examples_reporting_fastai_03_dark.png differ
diff --git a/docs/img/examples_subprocess_example_01.png b/docs/img/examples_subprocess_example_01.png
index 44b564ba..9672a54a 100644
Binary files a/docs/img/examples_subprocess_example_01.png and b/docs/img/examples_subprocess_example_01.png differ
diff --git a/docs/img/examples_subprocess_example_01_dark.png b/docs/img/examples_subprocess_example_01_dark.png
new file mode 100644
index 00000000..a5694b96
Binary files /dev/null and b/docs/img/examples_subprocess_example_01_dark.png differ
diff --git a/docs/img/examples_subprocess_example_01a.png b/docs/img/examples_subprocess_example_01a.png
index b96b6c68..da5ebb94 100644
Binary files a/docs/img/examples_subprocess_example_01a.png and b/docs/img/examples_subprocess_example_01a.png differ
diff --git a/docs/img/examples_subprocess_example_01a_dark.png b/docs/img/examples_subprocess_example_01a_dark.png
new file mode 100644
index 00000000..7c652229
Binary files /dev/null and b/docs/img/examples_subprocess_example_01a_dark.png differ
diff --git a/docs/img/examples_subprocess_example_02.png b/docs/img/examples_subprocess_example_02.png
index 2e5049fb..b636458e 100644
Binary files a/docs/img/examples_subprocess_example_02.png and b/docs/img/examples_subprocess_example_02.png differ
diff --git a/docs/img/examples_subprocess_example_02_dark.png b/docs/img/examples_subprocess_example_02_dark.png
new file mode 100644
index 00000000..edb95564
Binary files /dev/null and b/docs/img/examples_subprocess_example_02_dark.png differ
diff --git a/docs/img/examples_tensorboard_toy_pytorch_00.png b/docs/img/examples_tensorboard_toy_pytorch_00.png
index 4d62c3ba..9f311194 100644
Binary files a/docs/img/examples_tensorboard_toy_pytorch_00.png and b/docs/img/examples_tensorboard_toy_pytorch_00.png differ
diff --git a/docs/img/examples_tensorboard_toy_pytorch_00_dark.png b/docs/img/examples_tensorboard_toy_pytorch_00_dark.png
new file mode 100644
index 00000000..58e7d247
Binary files /dev/null and b/docs/img/examples_tensorboard_toy_pytorch_00_dark.png differ
diff --git a/docs/img/examples_tensorboard_toy_pytorch_02.png b/docs/img/examples_tensorboard_toy_pytorch_02.png
index 16e26808..e15a37a6 100644
Binary files a/docs/img/examples_tensorboard_toy_pytorch_02.png and b/docs/img/examples_tensorboard_toy_pytorch_02.png differ
diff --git a/docs/img/examples_tensorboard_toy_pytorch_02_dark.png b/docs/img/examples_tensorboard_toy_pytorch_02_dark.png
new file mode 100644
index 00000000..0f10c336
Binary files /dev/null and b/docs/img/examples_tensorboard_toy_pytorch_02_dark.png differ
diff --git a/docs/img/examples_transformers_artifacts.png b/docs/img/examples_transformers_artifacts.png
index c222f1df..9e062156 100644
Binary files a/docs/img/examples_transformers_artifacts.png and b/docs/img/examples_transformers_artifacts.png differ
diff --git a/docs/img/examples_transformers_artifacts_dark.png b/docs/img/examples_transformers_artifacts_dark.png
new file mode 100644
index 00000000..0d3f6342
Binary files /dev/null and b/docs/img/examples_transformers_artifacts_dark.png differ
diff --git a/docs/img/examples_transformers_params.png b/docs/img/examples_transformers_params.png
index c152e069..d00216f6 100644
Binary files a/docs/img/examples_transformers_params.png and b/docs/img/examples_transformers_params.png differ
diff --git a/docs/img/examples_transformers_params_dark.png b/docs/img/examples_transformers_params_dark.png
new file mode 100644
index 00000000..aef72dc2
Binary files /dev/null and b/docs/img/examples_transformers_params_dark.png differ
diff --git a/docs/img/integrations_transformers_scalars.png b/docs/img/integrations_transformers_scalars.png
index 4ebc75a6..420d0d77 100644
Binary files a/docs/img/integrations_transformers_scalars.png and b/docs/img/integrations_transformers_scalars.png differ
diff --git a/docs/img/integrations_transformers_scalars_dark.png b/docs/img/integrations_transformers_scalars_dark.png
new file mode 100644
index 00000000..49fd6145
Binary files /dev/null and b/docs/img/integrations_transformers_scalars_dark.png differ
diff --git a/docs/integrations/transformers.md b/docs/integrations/transformers.md
index 74b8c69b..ffbd59c1 100644
--- a/docs/integrations/transformers.md
+++ b/docs/integrations/transformers.md
@@ -50,7 +50,8 @@ To log the models created during training, set the `CLEARML_LOG_MODEL` environme
You can see all the captured data in the task's page of the ClearML [WebApp](../webapp/webapp_exp_track_visual.md).
-
+
+
Additionally, you can view all of your Transformers runs tracked by ClearML in the [Task Table](../webapp/webapp_model_table.md).
Add custom columns to the table, such as mAP values, so you can easily sort and see what is the best performing model.