diff --git a/docs/guides/frameworks/pytorch_lightning/pytorch_lightning_example.md b/docs/guides/frameworks/pytorch_lightning/pytorch_lightning_example.md index 951ffa62..f37b08d4 100644 --- a/docs/guides/frameworks/pytorch_lightning/pytorch_lightning_example.md +++ b/docs/guides/frameworks/pytorch_lightning/pytorch_lightning_example.md @@ -16,7 +16,8 @@ The test loss and validation loss plots appear in the task's page in the ClearML Resource utilization plots, which are titled **:monitor: machine**, also appear in the **SCALARS** tab. All of these plots are automatically captured by ClearML. -![PyTorch Lightning scalars](../../../img/examples_pytorch_lightning_scalars.png) +![PyTorch Lightning scalars](../../../img/examples_pytorch_lightning_scalars.png#light-mode-only) +![PyTorch Lightning scalars](../../../img/examples_pytorch_lightning_scalars_dark.png#dark-mode-only) ## Hyperparameters @@ -24,13 +25,15 @@ plots are automatically captured by ClearML. ClearML automatically logs command line options defined with argparse and TensorFlow Definitions, which appear in **CONFIGURATIONS > HYPERPARAMETERS > Args** and **TF_DEFINE** respectively. -![PyTorch Lightning parameters](../../../img/examples_pytorch_lightning_params.png) +![PyTorch Lightning parameters](../../../img/examples_pytorch_lightning_params.png#light-mode-only) +![PyTorch Lightning parameters](../../../img/examples_pytorch_lightning_params_dark.png#dark-mode-only) ## Artifacts Models created by the task appear in the task's **ARTIFACTS** tab. -![PyTorch Lightning model](../../../img/examples_pytorch_lightning_model.png) +![PyTorch Lightning model](../../../img/examples_pytorch_lightning_model.png#light-mode-only) +![PyTorch Lightning model](../../../img/examples_pytorch_lightning_model_dark.png#dark-mode-only) Clicking on a 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. @@ -39,5 +42,6 @@ the model's details and access the model. All other console output appears in **CONSOLE**. -![PyTorch Lightning console](../../../img/examples_pytorch_lightning_console.png) +![PyTorch Lightning console](../../../img/examples_pytorch_lightning_console.png#light-mode-only) +![PyTorch Lightning console](../../../img/examples_pytorch_lightning_console_dark.png#dark-mode-only) diff --git a/docs/guides/frameworks/scikit-learn/sklearn_matplotlib_example.md b/docs/guides/frameworks/scikit-learn/sklearn_matplotlib_example.md index aec6536b..2ba1cb2d 100644 --- a/docs/guides/frameworks/scikit-learn/sklearn_matplotlib_example.md +++ b/docs/guides/frameworks/scikit-learn/sklearn_matplotlib_example.md @@ -15,4 +15,5 @@ The example does the following: The learning curve plots appear in the **ClearML web UI** under **PLOTS**. -![image](../../../img/examples_sklearn_matplotlib_example_01.png) \ No newline at end of file +![Learning Curve](../../../img/examples_sklearn_matplotlib_example_01.png#light-mode-only) +![Learning Curve](../../../img/examples_sklearn_matplotlib_example_01_dark.png#dark-mode-only) \ No newline at end of file diff --git a/docs/guides/pipeline/pipeline_controller.md b/docs/guides/pipeline/pipeline_controller.md index 2cddb681..6934df19 100644 --- a/docs/guides/pipeline/pipeline_controller.md +++ b/docs/guides/pipeline/pipeline_controller.md @@ -222,20 +222,23 @@ ClearML pipeline page: https://app.clear.ml/pipelines/462f48dba7b441ffb34bddb783 The pipeline run's page contains the pipeline's structure, the execution status of every step, as well as the run's configuration parameters and output. -![Pipeline DAG](../../img/examples_pipeline_from_tasks_DAG.png) +![Pipeline DAG](../../img/examples_pipeline_from_tasks_DAG.png#light-mode-only) +![Pipeline DAG](../../img/examples_pipeline_from_tasks_DAG_dark.png#dark-mode-only) To view a run's complete information, click **Full details** on the bottom of the **Run Info** panel, which will open the pipeline's [controller task page](../../webapp/webapp_exp_track_visual.md). Click a step to see its summary information. -![Pipeline step info](../../img/examples_pipeline_from_tasks_step_info.png) +![Pipeline step info](../../img/examples_pipeline_from_tasks_step_info.png#light-mode-only) +![Pipeline step info](../../img/examples_pipeline_from_tasks_step_info_dark.png#dark-mode-only) ### Console Click **DETAILS** to view a log of the pipeline controller's console output. -![Pipeline console](../../img/examples_pipeline_from_tasks_console.png) +![Pipeline console](../../img/examples_pipeline_from_tasks_console.png#light-mode-only) +![Pipeline console](../../img/examples_pipeline_from_tasks_console_dark.png#dark-mode-only) Click on a step to view its console output. diff --git a/docs/guides/pipeline/pipeline_decorator.md b/docs/guides/pipeline/pipeline_decorator.md index 0ae0a0a5..4c36cccf 100644 --- a/docs/guides/pipeline/pipeline_decorator.md +++ b/docs/guides/pipeline/pipeline_decorator.md @@ -87,22 +87,26 @@ ClearML pipeline page: https://app.clear.ml/pipelines/462f48dba7b441ffb34bddb783 The pipeline run's page contains the pipeline's structure, the execution status of every step, as well as the run's configuration parameters and output. -![Pipeline DAG](../../img/examples_pipeline_from_decorator_DAG.png) +![Pipeline DAG](../../img/examples_pipeline_from_decorator_DAG.png#light-mode-only) +![Pipeline DAG](../../img/examples_pipeline_from_decorator_DAG_dark.png#dark-mode-only) To view a run's complete information, click **Full details** on the bottom of the **Run Info** panel, which will open the pipeline's [controller task page](../../webapp/webapp_exp_track_visual.md). Click a step to see an overview of its details. -![Pipeline step info](../../img/examples_pipeline_from_decorator_step_info.png) +![Pipeline step info](../../img/examples_pipeline_from_decorator_step_info.png#light-mode-only) +![Pipeline step info](../../img/examples_pipeline_from_decorator_step_info_dark.png#dark-mode-only) ## Console and Code Click **DETAILS** to view a log of the pipeline controller's console output. -![Pipeline console](../../img/examples_pipeline_from_decorator_console.png) +![Pipeline console](../../img/examples_pipeline_from_decorator_console.png#light-mode-only) +![Pipeline console](../../img/examples_pipeline_from_decorator_console_dark.png#dark-mode-only) Click on a step to view its console output. You can also view the selected step's code by clicking **CODE** on top of the console log. -![Pipeline step code](../../img/examples_pipeline_from_decorator_code.png) +![Pipeline step code](../../img/examples_pipeline_from_decorator_code.png#light-mode-only) +![Pipeline step code](../../img/examples_pipeline_from_decorator_code_dark.png#dark-mode-only) diff --git a/docs/guides/pipeline/pipeline_functions.md b/docs/guides/pipeline/pipeline_functions.md index 0ac60a55..0e0f6989 100644 --- a/docs/guides/pipeline/pipeline_functions.md +++ b/docs/guides/pipeline/pipeline_functions.md @@ -116,22 +116,26 @@ ClearML pipeline page: https://app.clear.ml/pipelines/462f48dba7b441ffb34bddb783 The pipeline run's page contains the pipeline's structure, the execution status of every step, as well as the run's configuration parameters and output. -![Pipeline DAG](../../img/pipeline_from_functions_DAG.png) +![Pipeline DAG](../../img/pipeline_from_functions_DAG.png#light-mode-only) +![Pipeline DAG](../../img/pipeline_from_functions_DAG_dark.png#dark-mode-only) To view a run's complete information, click **Full details** on the bottom of the **Run Info** panel, which will open the pipeline's [controller task page](../../webapp/webapp_exp_track_visual.md). Click a step to see an overview of its details. -![Pipeline step info](../../img/pipeline_from_functions_step_info.png) +![Pipeline step info](../../img/pipeline_from_functions_step_info.png#light-mode-only) +![Pipeline step info](../../img/pipeline_from_functions_step_info_dark.png#dark-mode-only) -## Console and Code +### Console and Code Click **DETAILS** to view a log of the pipeline controller's console output. -![Pipeline console](../../img/pipeline_from_functions_console.png) +![Pipeline console](../../img/pipeline_from_functions_console.png#light-mode-only) +![Pipeline console](../../img/pipeline_from_functions_console_dark.png#dark-mode-only) Click on a step to view its console output. You can also view the selected step's code by clicking **CODE** on top of the console log. -![Pipeline step code](../../img/pipeline_from_functions_code.png) +![Pipeline step code](../../img/pipeline_from_functions_code.png#light-mode-only) +![Pipeline step code](../../img/pipeline_from_functions_code_dark.png#dark-mode-only) diff --git a/docs/img/examples_pipeline_from_decorator_DAG.png b/docs/img/examples_pipeline_from_decorator_DAG.png index a4ecbc16..f14d8b67 100644 Binary files a/docs/img/examples_pipeline_from_decorator_DAG.png and b/docs/img/examples_pipeline_from_decorator_DAG.png differ diff --git a/docs/img/examples_pipeline_from_decorator_DAG_dark.png b/docs/img/examples_pipeline_from_decorator_DAG_dark.png new file mode 100644 index 00000000..11063cc3 Binary files /dev/null and b/docs/img/examples_pipeline_from_decorator_DAG_dark.png differ diff --git a/docs/img/examples_pipeline_from_decorator_code.png b/docs/img/examples_pipeline_from_decorator_code.png index 4e33e4cf..bed9af73 100644 Binary files a/docs/img/examples_pipeline_from_decorator_code.png and b/docs/img/examples_pipeline_from_decorator_code.png differ diff --git a/docs/img/examples_pipeline_from_decorator_code_dark.png b/docs/img/examples_pipeline_from_decorator_code_dark.png new file mode 100644 index 00000000..f96ca13f Binary files /dev/null and b/docs/img/examples_pipeline_from_decorator_code_dark.png differ diff --git a/docs/img/examples_pipeline_from_decorator_console.png b/docs/img/examples_pipeline_from_decorator_console.png index 7e7bde0a..c2eec5ad 100644 Binary files a/docs/img/examples_pipeline_from_decorator_console.png and b/docs/img/examples_pipeline_from_decorator_console.png differ diff --git a/docs/img/examples_pipeline_from_decorator_console_dark.png b/docs/img/examples_pipeline_from_decorator_console_dark.png new file mode 100644 index 00000000..6927a3a7 Binary files /dev/null and b/docs/img/examples_pipeline_from_decorator_console_dark.png differ diff --git a/docs/img/examples_pipeline_from_decorator_step_info.png b/docs/img/examples_pipeline_from_decorator_step_info.png index 1aecdf88..086b9255 100644 Binary files a/docs/img/examples_pipeline_from_decorator_step_info.png and b/docs/img/examples_pipeline_from_decorator_step_info.png differ diff --git a/docs/img/examples_pipeline_from_decorator_step_info_dark.png b/docs/img/examples_pipeline_from_decorator_step_info_dark.png new file mode 100644 index 00000000..130848c0 Binary files /dev/null and b/docs/img/examples_pipeline_from_decorator_step_info_dark.png differ diff --git a/docs/img/examples_pipeline_from_tasks_DAG.png b/docs/img/examples_pipeline_from_tasks_DAG.png index 37c820e5..24b15bae 100644 Binary files a/docs/img/examples_pipeline_from_tasks_DAG.png and b/docs/img/examples_pipeline_from_tasks_DAG.png differ diff --git a/docs/img/examples_pipeline_from_tasks_DAG_dark.png b/docs/img/examples_pipeline_from_tasks_DAG_dark.png new file mode 100644 index 00000000..0c5c0a9e Binary files /dev/null and b/docs/img/examples_pipeline_from_tasks_DAG_dark.png differ diff --git a/docs/img/examples_pipeline_from_tasks_console.png b/docs/img/examples_pipeline_from_tasks_console.png index 75c9364d..bf2cfd39 100644 Binary files a/docs/img/examples_pipeline_from_tasks_console.png and b/docs/img/examples_pipeline_from_tasks_console.png differ diff --git a/docs/img/examples_pipeline_from_tasks_console_dark.png b/docs/img/examples_pipeline_from_tasks_console_dark.png new file mode 100644 index 00000000..d607a44f Binary files /dev/null and b/docs/img/examples_pipeline_from_tasks_console_dark.png differ diff --git a/docs/img/examples_pipeline_from_tasks_step_info.png b/docs/img/examples_pipeline_from_tasks_step_info.png index 2e6eb89a..2540a17d 100644 Binary files a/docs/img/examples_pipeline_from_tasks_step_info.png and b/docs/img/examples_pipeline_from_tasks_step_info.png differ diff --git a/docs/img/examples_pipeline_from_tasks_step_info_dark.png b/docs/img/examples_pipeline_from_tasks_step_info_dark.png new file mode 100644 index 00000000..023ba044 Binary files /dev/null and b/docs/img/examples_pipeline_from_tasks_step_info_dark.png differ diff --git a/docs/img/examples_pytorch_lightning_console.png b/docs/img/examples_pytorch_lightning_console.png index be726677..1c3a5987 100644 Binary files a/docs/img/examples_pytorch_lightning_console.png and b/docs/img/examples_pytorch_lightning_console.png differ diff --git a/docs/img/examples_pytorch_lightning_console_dark.png b/docs/img/examples_pytorch_lightning_console_dark.png new file mode 100644 index 00000000..a77c5e25 Binary files /dev/null and b/docs/img/examples_pytorch_lightning_console_dark.png differ diff --git a/docs/img/examples_pytorch_lightning_model.png b/docs/img/examples_pytorch_lightning_model.png index 318bf537..5f697cf7 100644 Binary files a/docs/img/examples_pytorch_lightning_model.png and b/docs/img/examples_pytorch_lightning_model.png differ diff --git a/docs/img/examples_pytorch_lightning_model_dark.png b/docs/img/examples_pytorch_lightning_model_dark.png new file mode 100644 index 00000000..b5f6d641 Binary files /dev/null and b/docs/img/examples_pytorch_lightning_model_dark.png differ diff --git a/docs/img/examples_pytorch_lightning_params.png b/docs/img/examples_pytorch_lightning_params.png index fda93775..4c4bdf7d 100644 Binary files a/docs/img/examples_pytorch_lightning_params.png and b/docs/img/examples_pytorch_lightning_params.png differ diff --git a/docs/img/examples_pytorch_lightning_params_dark.png b/docs/img/examples_pytorch_lightning_params_dark.png new file mode 100644 index 00000000..dcfd6115 Binary files /dev/null and b/docs/img/examples_pytorch_lightning_params_dark.png differ diff --git a/docs/img/examples_pytorch_lightning_scalars.png b/docs/img/examples_pytorch_lightning_scalars.png index 0aba01ef..10cc8462 100644 Binary files a/docs/img/examples_pytorch_lightning_scalars.png and b/docs/img/examples_pytorch_lightning_scalars.png differ diff --git a/docs/img/examples_pytorch_lightning_scalars_dark.png b/docs/img/examples_pytorch_lightning_scalars_dark.png new file mode 100644 index 00000000..43f243a0 Binary files /dev/null and b/docs/img/examples_pytorch_lightning_scalars_dark.png differ diff --git a/docs/img/examples_sklearn_matplotlib_example_01.png b/docs/img/examples_sklearn_matplotlib_example_01.png index 709826ec..ac4e81fd 100644 Binary files a/docs/img/examples_sklearn_matplotlib_example_01.png and b/docs/img/examples_sklearn_matplotlib_example_01.png differ diff --git a/docs/img/examples_sklearn_matplotlib_example_01_dark.png b/docs/img/examples_sklearn_matplotlib_example_01_dark.png new file mode 100644 index 00000000..e3d581ed Binary files /dev/null and b/docs/img/examples_sklearn_matplotlib_example_01_dark.png differ diff --git a/docs/img/pipeline_from_functions_DAG.png b/docs/img/pipeline_from_functions_DAG.png index b7374bb3..fe9e1180 100644 Binary files a/docs/img/pipeline_from_functions_DAG.png and b/docs/img/pipeline_from_functions_DAG.png differ diff --git a/docs/img/pipeline_from_functions_DAG_dark.png b/docs/img/pipeline_from_functions_DAG_dark.png new file mode 100644 index 00000000..57469b3c Binary files /dev/null and b/docs/img/pipeline_from_functions_DAG_dark.png differ diff --git a/docs/img/pipeline_from_functions_code.png b/docs/img/pipeline_from_functions_code.png index 9c01f0fa..be5ebe96 100644 Binary files a/docs/img/pipeline_from_functions_code.png and b/docs/img/pipeline_from_functions_code.png differ diff --git a/docs/img/pipeline_from_functions_code_dark.png b/docs/img/pipeline_from_functions_code_dark.png new file mode 100644 index 00000000..b834c873 Binary files /dev/null and b/docs/img/pipeline_from_functions_code_dark.png differ diff --git a/docs/img/pipeline_from_functions_console.png b/docs/img/pipeline_from_functions_console.png index 438f9b40..df8679e6 100644 Binary files a/docs/img/pipeline_from_functions_console.png and b/docs/img/pipeline_from_functions_console.png differ diff --git a/docs/img/pipeline_from_functions_console_dark.png b/docs/img/pipeline_from_functions_console_dark.png new file mode 100644 index 00000000..aff92dd9 Binary files /dev/null and b/docs/img/pipeline_from_functions_console_dark.png differ diff --git a/docs/img/pipeline_from_functions_step_info.png b/docs/img/pipeline_from_functions_step_info.png index 6526913f..10fcb3f0 100644 Binary files a/docs/img/pipeline_from_functions_step_info.png and b/docs/img/pipeline_from_functions_step_info.png differ diff --git a/docs/img/pipeline_from_functions_step_info_dark.png b/docs/img/pipeline_from_functions_step_info_dark.png new file mode 100644 index 00000000..8bfc02c8 Binary files /dev/null and b/docs/img/pipeline_from_functions_step_info_dark.png differ