diff --git a/docs/clearml_agent/clearml_agent_execution_env.md b/docs/clearml_agent/clearml_agent_execution_env.md index f20b21c4..e325a6c1 100644 --- a/docs/clearml_agent/clearml_agent_execution_env.md +++ b/docs/clearml_agent/clearml_agent_execution_env.md @@ -44,7 +44,10 @@ ClearML Agent uses the provided default Docker container, which can be overridde You can set the docker container via the UI: 1. Clone the experiment 2. Set the Docker in the cloned task's **Execution** tab **> Container** section - ![Container section](../img/webapp_exp_container.png) + + ![Container section](../img/webapp_exp_container.png#light-mode-only) + ![Container section](../img/webapp_exp_container_dark.png#dark-mode-only) + 3. Enqueue the cloned task The task will be executed in the container specified in the UI. diff --git a/docs/clearml_agent/clearml_agent_fractional_gpus.md b/docs/clearml_agent/clearml_agent_fractional_gpus.md index 42e8870d..f5d3e2e5 100644 --- a/docs/clearml_agent/clearml_agent_fractional_gpus.md +++ b/docs/clearml_agent/clearml_agent_fractional_gpus.md @@ -273,7 +273,8 @@ The agent’s default container can be overridden via the UI: 1. Clone the task 1. Set the Docker in the cloned task's **Execution** tab > **Container** section - ![Task container](../img/fractional_gpu_task_container.png) + ![Task container](../img/fractional_gpu_task_container.png#light-mode-only) + ![Task container](../img/fractional_gpu_task_container_dark.png#dark-mode-only) 1. Enqueue the cloned task diff --git a/docs/clearml_sdk/task_sdk.md b/docs/clearml_sdk/task_sdk.md index 34c4950d..6e7fbc8c 100644 --- a/docs/clearml_sdk/task_sdk.md +++ b/docs/clearml_sdk/task_sdk.md @@ -895,7 +895,8 @@ task.connect(me) task.connect(params_dictionary) ``` -![Task parameters](../img/fundamentals_task_config_hyperparams.png) +![Task parameters](../img/fundamentals_task_config_hyperparams.png#light-mode-only) +![Task parameters](../img/fundamentals_task_config_hyperparams_dark.png#dark-mode-only) ### Configuration Objects @@ -918,7 +919,8 @@ config_file_yaml = task.connect_configuration( ) ``` -![Task configuration objects](../img/fundamentals_task_config_object.png) +![Task configuration objects](../img/fundamentals_task_config_object.png#light-mode-only) +![Task configuration objects](../img/fundamentals_task_config_object_dark.png#dark-mode-only) ### User Properties A task's user properties do not impact task execution, so you can add / modify the properties at any stage. Add user @@ -932,7 +934,8 @@ task.set_user_properties( ) ``` -![Task user properties](../img/fundamentals_task_config_properties.png) +![Task user properties](../img/fundamentals_task_config_properties.png#light-mode-only) +![Task user properties](../img/fundamentals_task_config_properties_dark.png#dark-mode-only) ## Scalars diff --git a/docs/fundamentals/agents_and_queues.md b/docs/fundamentals/agents_and_queues.md index 7cf98b33..c0a03217 100644 --- a/docs/fundamentals/agents_and_queues.md +++ b/docs/fundamentals/agents_and_queues.md @@ -59,7 +59,8 @@ Installing an Agent on machines allows it to monitor all the machine's status (G When managing multiple machines, this allows users to have an overview of their HW resources: the status of each machine, the expected workload on each machine, etc. -![Workers and Queues page](../img/agents_queues_resource_management.png) +![Workers and Queues page](../img/agents_queues_resource_management.png#light-mode-only) +![Workers and Queues page](../img/agents_queues_resource_management_dark.png#dark-mode-only) You can organize your queues according to resource usage. Say you have a single-GPU machine. You can create a queue called diff --git a/docs/fundamentals/artifacts.md b/docs/fundamentals/artifacts.md index f9820d43..79a7f441 100644 --- a/docs/fundamentals/artifacts.md +++ b/docs/fundamentals/artifacts.md @@ -50,7 +50,8 @@ Artifacts appear under the **ARTIFACTS** tab of a Task. Each artifact's location applications are prohibited from accessing the local disk for security reasons) * **Network stored artifacts**: Display a download action to retrieve files from URLs (e.g., `https://`, `s3://`). -![WebApp Artifacts section](../img/webapp_tracking_30.png) +![WebApp Artifacts section](../img/webapp_tracking_30.png#light-mode-only) +![WebApp Artifacts section](../img/webapp_tracking_30_dark.png#dark-mode-only) ## SDK Interface See the [Artifacts](../clearml_sdk/task_sdk.md#artifacts) section in the Task SDK page for an overview of how to work diff --git a/docs/fundamentals/hpo.md b/docs/fundamentals/hpo.md index 0640ab50..d384cc15 100644 --- a/docs/fundamentals/hpo.md +++ b/docs/fundamentals/hpo.md @@ -31,13 +31,17 @@ The preceding diagram demonstrates the typical flow of hyperparameter optimizati summary of the optimization results in tabular and parallel coordinate formats, and in a scalar plot. -![Optimization results summary chart](../img/fundamentals_hpo_summary.png) +![Optimization results summary chart](../img/fundamentals_hpo_summary.png#light-mode-only) +![Optimization results summary chart](../img/fundamentals_hpo_summary_dark.png#dark-mode-only) + -![Parallel Coordinates](../img/fundamentals_hpo_parallel_coordinates.png) +![Parallel Coordinates](../img/fundamentals_hpo_parallel_coordinates.png#light-mode-only) +![Parallel Coordinates](../img/fundamentals_hpo_parallel_coordinates_dark.png#dark-mode-only) -![Scalars](../img/fundamentals_hpo_scalars.png) +![Scalars](../img/fundamentals_hpo_scalars.png#light-mode-only) +![Scalars](../img/fundamentals_hpo_scalars_dark.png#dark-mode-only) diff --git a/docs/fundamentals/hyperparameters.md b/docs/fundamentals/hyperparameters.md index e021076a..2853cd4f 100644 --- a/docs/fundamentals/hyperparameters.md +++ b/docs/fundamentals/hyperparameters.md @@ -124,7 +124,9 @@ The configuration panel is split into three sections according to type: These sections are further broken down into subsections based on how the parameters were logged (General / Args / TF_Define / Environment). -![Task hyperparameters sections](../img/hyperparameters_sections.png) +![Task hyperparameters sections](../img/hyperparameters_sections.png#light-mode-only) +![Task hyperparameters sections](../img/hyperparameters_sections_dark.png#dark-mode-only) + ## SDK Interface diff --git a/docs/fundamentals/logger.md b/docs/fundamentals/logger.md index 49e2033a..3f394fc4 100644 --- a/docs/fundamentals/logger.md +++ b/docs/fundamentals/logger.md @@ -19,7 +19,8 @@ ClearML supports four types of reports: - Plots - General graphs and diagrams, such as histograms, confusion matrices, line plots, and custom plotly charts. - Debug Samples - Images, audio, and videos. Can be reported per iteration. -![image](../img/fundamentals_logger_results.png) +![Logged plots](../img/report_plotly.png#light-mode-only) +![Logged plots](../img/report_plotly_dark.png#dark-mode-only) ## Automatic Reporting @@ -31,7 +32,8 @@ library warning messages. GPU, CPU, Memory, and Network information is also automatically captured. -![image](../img/fundamentals_logger_cpu_monitoring.png) +![CPU monitoring](../img/fundamentals_logger_cpu_monitoring.png#light-mode-only) +![CPU monitoring](../img/fundamentals_logger_cpu_monitoring_dark.png#dark-mode-only) ### Supported Packages - [TensorBoard](https://www.tensorflow.org/tensorboard) @@ -74,7 +76,8 @@ outputs that would be used later on. Only the last X results of each title / series are saved to prevent overloading the server. See details in [`Logger.report_media`](../references/sdk/logger.md#report_media). -![image](../img/fundamentals_logger_reported_images.png) +![Logger reported images](../img/webapp_tracking_43.png#light-mode-only) +![Logger reported images](../img/webapp_tracking_43_dark.png#dark-mode-only) ### Explicit Reporting Examples diff --git a/docs/fundamentals/models.md b/docs/fundamentals/models.md index 2313cf3b..16ae3546 100644 --- a/docs/fundamentals/models.md +++ b/docs/fundamentals/models.md @@ -68,7 +68,8 @@ label enumeration, lineage, and general information, click the model name, which Models can also be accessed through their associated project's [Model Table](../webapp/webapp_model_table.md), where all the models associated with a project are listed. -![WebApp Model](../img/fundamentals_models.png) +![WebApp Model](../img/webapp_model_general.png#light-mode-only) +![WebApp Model](../img/webapp_model_general_dark.png#dark-mode-only) ## SDK Interface diff --git a/docs/fundamentals/task.md b/docs/fundamentals/task.md index be85c1c1..5a779075 100644 --- a/docs/fundamentals/task.md +++ b/docs/fundamentals/task.md @@ -39,7 +39,8 @@ modified hyperparameters -![Task](../img/fundamentals_task.png) +![Task](../img/fundamentals_task.png#light-mode-only) +![Task](../img/fundamentals_task_dark.png#dark-mode-only) ## Task Sections diff --git a/docs/getting_started/ds/ds_second_steps.md b/docs/getting_started/ds/ds_second_steps.md index a098aa72..d15880aa 100644 --- a/docs/getting_started/ds/ds_second_steps.md +++ b/docs/getting_started/ds/ds_second_steps.md @@ -143,7 +143,8 @@ Since not all metrics are tracked that way, you can also manually report metrics You can log everything, from time series data and confusion matrices to HTML, Audio, and Video, to custom plotly graphs! Everything goes! -![Experiment plots](../../img/report_plotly.png) +![Experiment plots](../../img/report_plotly.png#light-mode-only) +![Experiment plots](../../img/report_plotly_dark.png#dark-mode-only) Once everything is neatly logged and displayed, use the [comparison tool](../../webapp/webapp_exp_comparing.md) to find the best configuration! @@ -152,7 +153,8 @@ Once everything is neatly logged and displayed, use the [comparison tool](../../ The experiments table is a powerful tool for creating dashboards and views of your own projects, your team's projects, or the entire development. -![Experiments table](../../img/webapp_experiment_table.png) +![Experiments table](../../img/webapp_experiment_table.png#light-mode-only) +![Experiments table](../../img/webapp_experiment_table_dark.png#dark-mode-only) ### Creating Leaderboards diff --git a/docs/getting_started/main.md b/docs/getting_started/main.md index ec2f70fb..54dd7a25 100644 --- a/docs/getting_started/main.md +++ b/docs/getting_started/main.md @@ -120,7 +120,8 @@ GUI applications - Build [pipelines](../pipelines/pipelines.md) from code - Much more! -![Webapp gif](../img/gif/webapp_screenshots.gif) +![Webapp gif](../img/gif/webapp_screenshots.gif#light-mode-only) +![Webapp gif](../img/gif/webapp_screenshots_dark.gif#dark-mode-only) ## Who We Are ClearML is supported by you :heart: and the [clear.ml](https://clear.ml) team, which helps enterprise companies build scalable MLOps/LLMOps. diff --git a/docs/img/4100.png b/docs/img/4100.png index 710abe9c..7bd6b4f1 100644 Binary files a/docs/img/4100.png and b/docs/img/4100.png differ diff --git a/docs/img/4100_dark.png b/docs/img/4100_dark.png new file mode 100644 index 00000000..388b8942 Binary files /dev/null and b/docs/img/4100_dark.png differ diff --git a/docs/img/agents_queues_resource_management.png b/docs/img/agents_queues_resource_management.png index 54261f9a..8ef3443d 100644 Binary files a/docs/img/agents_queues_resource_management.png and b/docs/img/agents_queues_resource_management.png differ diff --git a/docs/img/agents_queues_resource_management_dark.png b/docs/img/agents_queues_resource_management_dark.png new file mode 100644 index 00000000..25f15847 Binary files /dev/null and b/docs/img/agents_queues_resource_management_dark.png differ diff --git a/docs/img/app_context_menu.png b/docs/img/app_context_menu.png index 5d07ea47..9287f6fa 100644 Binary files a/docs/img/app_context_menu.png and b/docs/img/app_context_menu.png differ diff --git a/docs/img/app_context_menu_dark.png b/docs/img/app_context_menu_dark.png new file mode 100644 index 00000000..39a3f514 Binary files /dev/null and b/docs/img/app_context_menu_dark.png differ diff --git a/docs/img/apps_dashboard.png b/docs/img/apps_dashboard.png index 89a46511..1059a12e 100644 Binary files a/docs/img/apps_dashboard.png and b/docs/img/apps_dashboard.png differ diff --git a/docs/img/apps_dashboard_dark.png b/docs/img/apps_dashboard_dark.png new file mode 100644 index 00000000..ebfa8162 Binary files /dev/null and b/docs/img/apps_dashboard_dark.png differ diff --git a/docs/img/apps_dashboard_wizard.png b/docs/img/apps_dashboard_wizard.png index 53c42af4..17bfd7ba 100644 Binary files a/docs/img/apps_dashboard_wizard.png and b/docs/img/apps_dashboard_wizard.png differ diff --git a/docs/img/apps_dashboard_wizard_dark.png b/docs/img/apps_dashboard_wizard_dark.png new file mode 100644 index 00000000..57e9b977 Binary files /dev/null and b/docs/img/apps_dashboard_wizard_dark.png differ diff --git a/docs/img/apps_embedding_model_deployment.png b/docs/img/apps_embedding_model_deployment.png index 5e6cd56c..ec9b5c84 100644 Binary files a/docs/img/apps_embedding_model_deployment.png and b/docs/img/apps_embedding_model_deployment.png differ diff --git a/docs/img/apps_embedding_model_deployment_dark.png b/docs/img/apps_embedding_model_deployment_dark.png new file mode 100644 index 00000000..4469940d Binary files /dev/null and b/docs/img/apps_embedding_model_deployment_dark.png differ diff --git a/docs/img/apps_embedding_model_deployment_form.png b/docs/img/apps_embedding_model_deployment_form.png index 54574778..4a07dd10 100644 Binary files a/docs/img/apps_embedding_model_deployment_form.png and b/docs/img/apps_embedding_model_deployment_form.png differ diff --git a/docs/img/apps_embedding_model_deployment_form_dark.png b/docs/img/apps_embedding_model_deployment_form_dark.png new file mode 100644 index 00000000..9c22d1a0 Binary files /dev/null and b/docs/img/apps_embedding_model_deployment_form_dark.png differ diff --git a/docs/img/apps_format_overview.png b/docs/img/apps_format_overview.png index 790bdde2..4492ac34 100644 Binary files a/docs/img/apps_format_overview.png and b/docs/img/apps_format_overview.png differ diff --git a/docs/img/apps_format_overview_dark.png b/docs/img/apps_format_overview_dark.png new file mode 100644 index 00000000..8e71d81d Binary files /dev/null and b/docs/img/apps_format_overview_dark.png differ diff --git a/docs/img/apps_gradio.png b/docs/img/apps_gradio.png new file mode 100644 index 00000000..7d145982 Binary files /dev/null and b/docs/img/apps_gradio.png differ diff --git a/docs/img/apps_gradio_dark.png b/docs/img/apps_gradio_dark.png new file mode 100644 index 00000000..3959ed79 Binary files /dev/null and b/docs/img/apps_gradio_dark.png differ diff --git a/docs/img/apps_hpo_wizard.png b/docs/img/apps_hpo_wizard.png index 5c304b54..08d97419 100644 Binary files a/docs/img/apps_hpo_wizard.png and b/docs/img/apps_hpo_wizard.png differ diff --git a/docs/img/apps_hpo_wizard_dark.png b/docs/img/apps_hpo_wizard_dark.png new file mode 100644 index 00000000..11ae211a Binary files /dev/null and b/docs/img/apps_hpo_wizard_dark.png differ diff --git a/docs/img/apps_instance_list_actions.png b/docs/img/apps_instance_list_actions.png index 849cf961..708cb41d 100644 Binary files a/docs/img/apps_instance_list_actions.png and b/docs/img/apps_instance_list_actions.png differ diff --git a/docs/img/apps_instance_list_actions_dark.png b/docs/img/apps_instance_list_actions_dark.png new file mode 100644 index 00000000..0035c2a8 Binary files /dev/null and b/docs/img/apps_instance_list_actions_dark.png differ diff --git a/docs/img/apps_jupyter_lab.png b/docs/img/apps_jupyter_lab.png index 55fc4365..48ba54b9 100644 Binary files a/docs/img/apps_jupyter_lab.png and b/docs/img/apps_jupyter_lab.png differ diff --git a/docs/img/apps_jupyter_lab_dark.png b/docs/img/apps_jupyter_lab_dark.png new file mode 100644 index 00000000..8cfeb724 Binary files /dev/null and b/docs/img/apps_jupyter_lab_dark.png differ diff --git a/docs/img/apps_model_deployment.png b/docs/img/apps_model_deployment.png index b05132f0..cc6e7ae4 100644 Binary files a/docs/img/apps_model_deployment.png and b/docs/img/apps_model_deployment.png differ diff --git a/docs/img/apps_model_deployment_dark.png b/docs/img/apps_model_deployment_dark.png new file mode 100644 index 00000000..301f673d Binary files /dev/null and b/docs/img/apps_model_deployment_dark.png differ diff --git a/docs/img/apps_model_deployment_form.png b/docs/img/apps_model_deployment_form.png index f1594f9f..8cef1655 100644 Binary files a/docs/img/apps_model_deployment_form.png and b/docs/img/apps_model_deployment_form.png differ diff --git a/docs/img/apps_model_deployment_form_dark.png b/docs/img/apps_model_deployment_form_dark.png new file mode 100644 index 00000000..1d0d5b1a Binary files /dev/null and b/docs/img/apps_model_deployment_form_dark.png differ diff --git a/docs/img/apps_overview_page.png b/docs/img/apps_overview_page.png index 1936b424..58c5b7c9 100644 Binary files a/docs/img/apps_overview_page.png and b/docs/img/apps_overview_page.png differ diff --git a/docs/img/apps_overview_page_dark.png b/docs/img/apps_overview_page_dark.png new file mode 100644 index 00000000..c51ae3ab Binary files /dev/null and b/docs/img/apps_overview_page_dark.png differ diff --git a/docs/img/apps_ssh_session_dashboard.png b/docs/img/apps_ssh_session_dashboard.png index 4e50d1f1..e443189d 100644 Binary files a/docs/img/apps_ssh_session_dashboard.png and b/docs/img/apps_ssh_session_dashboard.png differ diff --git a/docs/img/apps_ssh_session_dashboard_dark.png b/docs/img/apps_ssh_session_dashboard_dark.png new file mode 100644 index 00000000..b02da6e5 Binary files /dev/null and b/docs/img/apps_ssh_session_dashboard_dark.png differ diff --git a/docs/img/apps_ssh_session_wizard.png b/docs/img/apps_ssh_session_wizard.png index 5648fa78..cdf8d7ed 100644 Binary files a/docs/img/apps_ssh_session_wizard.png and b/docs/img/apps_ssh_session_wizard.png differ diff --git a/docs/img/apps_ssh_session_wizard_dark.png b/docs/img/apps_ssh_session_wizard_dark.png new file mode 100644 index 00000000..46fa4d58 Binary files /dev/null and b/docs/img/apps_ssh_session_wizard_dark.png differ diff --git a/docs/img/apps_taskscheduler_dashboard.png b/docs/img/apps_taskscheduler_dashboard.png index a5b86a98..49915fda 100644 Binary files a/docs/img/apps_taskscheduler_dashboard.png and b/docs/img/apps_taskscheduler_dashboard.png differ diff --git a/docs/img/apps_taskscheduler_dashboard_dark.png b/docs/img/apps_taskscheduler_dashboard_dark.png new file mode 100644 index 00000000..fc0647be Binary files /dev/null and b/docs/img/apps_taskscheduler_dashboard_dark.png differ diff --git a/docs/img/apps_taskscheduler_executed_tasks.png b/docs/img/apps_taskscheduler_executed_tasks.png index 30034b04..694f5360 100644 Binary files a/docs/img/apps_taskscheduler_executed_tasks.png and b/docs/img/apps_taskscheduler_executed_tasks.png differ diff --git a/docs/img/apps_taskscheduler_executed_tasks_dark.png b/docs/img/apps_taskscheduler_executed_tasks_dark.png new file mode 100644 index 00000000..57b0fb6e Binary files /dev/null and b/docs/img/apps_taskscheduler_executed_tasks_dark.png differ diff --git a/docs/img/apps_taskscheduler_scheduled_tasks.png b/docs/img/apps_taskscheduler_scheduled_tasks.png index d17f325c..d5c5af6d 100644 Binary files a/docs/img/apps_taskscheduler_scheduled_tasks.png and b/docs/img/apps_taskscheduler_scheduled_tasks.png differ diff --git a/docs/img/apps_taskscheduler_scheduled_tasks_dark.png b/docs/img/apps_taskscheduler_scheduled_tasks_dark.png new file mode 100644 index 00000000..3035f4e4 Binary files /dev/null and b/docs/img/apps_taskscheduler_scheduled_tasks_dark.png differ diff --git a/docs/img/apps_taskscheduler_wizard.png b/docs/img/apps_taskscheduler_wizard.png index 767236df..3b7ae8b7 100644 Binary files a/docs/img/apps_taskscheduler_wizard.png and b/docs/img/apps_taskscheduler_wizard.png differ diff --git a/docs/img/apps_taskscheduler_wizard_dark.png b/docs/img/apps_taskscheduler_wizard_dark.png new file mode 100644 index 00000000..2447c07f Binary files /dev/null and b/docs/img/apps_taskscheduler_wizard_dark.png differ diff --git a/docs/img/apps_trigger_manager_dashboard.png b/docs/img/apps_trigger_manager_dashboard.png index 139b595e..50134991 100644 Binary files a/docs/img/apps_trigger_manager_dashboard.png and b/docs/img/apps_trigger_manager_dashboard.png differ diff --git a/docs/img/apps_trigger_manager_dashboard_dark.png b/docs/img/apps_trigger_manager_dashboard_dark.png new file mode 100644 index 00000000..d3703239 Binary files /dev/null and b/docs/img/apps_trigger_manager_dashboard_dark.png differ diff --git a/docs/img/apps_trigger_manager_wizard.png b/docs/img/apps_trigger_manager_wizard.png index d2e2e243..8fc83ed3 100644 Binary files a/docs/img/apps_trigger_manager_wizard.png and b/docs/img/apps_trigger_manager_wizard.png differ diff --git a/docs/img/apps_trigger_manager_wizard_dark.png b/docs/img/apps_trigger_manager_wizard_dark.png new file mode 100644 index 00000000..55c13391 Binary files /dev/null and b/docs/img/apps_trigger_manager_wizard_dark.png differ diff --git a/docs/img/apps_vs_code.png b/docs/img/apps_vs_code.png index 4b66c78e..e12eaf4d 100644 Binary files a/docs/img/apps_vs_code.png and b/docs/img/apps_vs_code.png differ diff --git a/docs/img/apps_vs_code_dark.png b/docs/img/apps_vs_code_dark.png new file mode 100644 index 00000000..ad4abe90 Binary files /dev/null and b/docs/img/apps_vs_code_dark.png differ diff --git a/docs/img/fractional_gpu_task_container.png b/docs/img/fractional_gpu_task_container.png index 424ce5a6..422f2611 100644 Binary files a/docs/img/fractional_gpu_task_container.png and b/docs/img/fractional_gpu_task_container.png differ diff --git a/docs/img/fractional_gpu_task_container_dark.png b/docs/img/fractional_gpu_task_container_dark.png new file mode 100644 index 00000000..8a458b47 Binary files /dev/null and b/docs/img/fractional_gpu_task_container_dark.png differ diff --git a/docs/img/fundamentals_hpo_parallel_coordinates.png b/docs/img/fundamentals_hpo_parallel_coordinates.png index 5eb1884e..51bee5bc 100644 Binary files a/docs/img/fundamentals_hpo_parallel_coordinates.png and b/docs/img/fundamentals_hpo_parallel_coordinates.png differ diff --git a/docs/img/fundamentals_hpo_parallel_coordinates_dark.png b/docs/img/fundamentals_hpo_parallel_coordinates_dark.png new file mode 100644 index 00000000..3412cf58 Binary files /dev/null and b/docs/img/fundamentals_hpo_parallel_coordinates_dark.png differ diff --git a/docs/img/fundamentals_hpo_scalars.png b/docs/img/fundamentals_hpo_scalars.png index 5e515b22..86be75b7 100644 Binary files a/docs/img/fundamentals_hpo_scalars.png and b/docs/img/fundamentals_hpo_scalars.png differ diff --git a/docs/img/fundamentals_hpo_scalars_dark.png b/docs/img/fundamentals_hpo_scalars_dark.png new file mode 100644 index 00000000..be6c3716 Binary files /dev/null and b/docs/img/fundamentals_hpo_scalars_dark.png differ diff --git a/docs/img/fundamentals_hpo_summary.png b/docs/img/fundamentals_hpo_summary.png index f4b2f771..970c2e2d 100644 Binary files a/docs/img/fundamentals_hpo_summary.png and b/docs/img/fundamentals_hpo_summary.png differ diff --git a/docs/img/fundamentals_hpo_summary_dark.png b/docs/img/fundamentals_hpo_summary_dark.png new file mode 100644 index 00000000..87d1d227 Binary files /dev/null and b/docs/img/fundamentals_hpo_summary_dark.png differ diff --git a/docs/img/fundamentals_logger_cpu_monitoring.png b/docs/img/fundamentals_logger_cpu_monitoring.png index 6f5b9c70..cb640a02 100644 Binary files a/docs/img/fundamentals_logger_cpu_monitoring.png and b/docs/img/fundamentals_logger_cpu_monitoring.png differ diff --git a/docs/img/fundamentals_logger_cpu_monitoring_dark.png b/docs/img/fundamentals_logger_cpu_monitoring_dark.png new file mode 100644 index 00000000..d16e9e6d Binary files /dev/null and b/docs/img/fundamentals_logger_cpu_monitoring_dark.png differ diff --git a/docs/img/fundamentals_task.png b/docs/img/fundamentals_task.png index 8389b8c6..59d24769 100644 Binary files a/docs/img/fundamentals_task.png and b/docs/img/fundamentals_task.png differ diff --git a/docs/img/fundamentals_task_config_hyperparams.png b/docs/img/fundamentals_task_config_hyperparams.png index 982b90a8..c0e7d1c9 100644 Binary files a/docs/img/fundamentals_task_config_hyperparams.png and b/docs/img/fundamentals_task_config_hyperparams.png differ diff --git a/docs/img/fundamentals_task_config_hyperparams_dark.png b/docs/img/fundamentals_task_config_hyperparams_dark.png new file mode 100644 index 00000000..940f53e2 Binary files /dev/null and b/docs/img/fundamentals_task_config_hyperparams_dark.png differ diff --git a/docs/img/fundamentals_task_config_object.png b/docs/img/fundamentals_task_config_object.png index 31026f10..e516e114 100644 Binary files a/docs/img/fundamentals_task_config_object.png and b/docs/img/fundamentals_task_config_object.png differ diff --git a/docs/img/fundamentals_task_config_object_dark.png b/docs/img/fundamentals_task_config_object_dark.png new file mode 100644 index 00000000..2dcf756c Binary files /dev/null and b/docs/img/fundamentals_task_config_object_dark.png differ diff --git a/docs/img/fundamentals_task_config_properties.png b/docs/img/fundamentals_task_config_properties.png index 8bda2e83..03db4c77 100644 Binary files a/docs/img/fundamentals_task_config_properties.png and b/docs/img/fundamentals_task_config_properties.png differ diff --git a/docs/img/fundamentals_task_config_properties_dark.png b/docs/img/fundamentals_task_config_properties_dark.png new file mode 100644 index 00000000..2695f289 Binary files /dev/null and b/docs/img/fundamentals_task_config_properties_dark.png differ diff --git a/docs/img/fundamentals_task_dark.png b/docs/img/fundamentals_task_dark.png new file mode 100644 index 00000000..665c18d7 Binary files /dev/null and b/docs/img/fundamentals_task_dark.png differ diff --git a/docs/img/gif/filter_screenshots.gif b/docs/img/gif/filter_screenshots.gif index d8ddc8b3..7585193d 100644 Binary files a/docs/img/gif/filter_screenshots.gif and b/docs/img/gif/filter_screenshots.gif differ diff --git a/docs/img/gif/filter_screenshots_dark.gif b/docs/img/gif/filter_screenshots_dark.gif new file mode 100644 index 00000000..3e9ae5ab Binary files /dev/null and b/docs/img/gif/filter_screenshots_dark.gif differ diff --git a/docs/img/gif/webapp_exp_table_cust.gif b/docs/img/gif/webapp_exp_table_cust.gif index 190de441..fc96edec 100644 Binary files a/docs/img/gif/webapp_exp_table_cust.gif and b/docs/img/gif/webapp_exp_table_cust.gif differ diff --git a/docs/img/gif/webapp_exp_table_cust_dark.gif b/docs/img/gif/webapp_exp_table_cust_dark.gif new file mode 100644 index 00000000..1e04ad0f Binary files /dev/null and b/docs/img/gif/webapp_exp_table_cust_dark.gif differ diff --git a/docs/img/gif/webapp_metric_snapshot.gif b/docs/img/gif/webapp_metric_snapshot.gif index 95c23f78..714e61a2 100644 Binary files a/docs/img/gif/webapp_metric_snapshot.gif and b/docs/img/gif/webapp_metric_snapshot.gif differ diff --git a/docs/img/gif/webapp_metric_snapshot_dark.gif b/docs/img/gif/webapp_metric_snapshot_dark.gif new file mode 100644 index 00000000..55ab5ea2 Binary files /dev/null and b/docs/img/gif/webapp_metric_snapshot_dark.gif differ diff --git a/docs/img/gif/webapp_screenshots.gif b/docs/img/gif/webapp_screenshots.gif index b182f489..a0394169 100644 Binary files a/docs/img/gif/webapp_screenshots.gif and b/docs/img/gif/webapp_screenshots.gif differ diff --git a/docs/img/gif/webapp_screenshots_dark.gif b/docs/img/gif/webapp_screenshots_dark.gif new file mode 100644 index 00000000..83626705 Binary files /dev/null and b/docs/img/gif/webapp_screenshots_dark.gif differ diff --git a/docs/img/hyperparameters_sections.png b/docs/img/hyperparameters_sections.png index 283bf413..6b259831 100644 Binary files a/docs/img/hyperparameters_sections.png and b/docs/img/hyperparameters_sections.png differ diff --git a/docs/img/hyperparameters_sections_dark.png b/docs/img/hyperparameters_sections_dark.png new file mode 100644 index 00000000..3e5f8d93 Binary files /dev/null and b/docs/img/hyperparameters_sections_dark.png differ diff --git a/docs/img/pipelines_comparison_plots.png b/docs/img/pipelines_comparison_plots.png index e543ccdc..8bf32274 100644 Binary files a/docs/img/pipelines_comparison_plots.png and b/docs/img/pipelines_comparison_plots.png differ diff --git a/docs/img/pipelines_comparison_plots_dark.png b/docs/img/pipelines_comparison_plots_dark.png new file mode 100644 index 00000000..ddb71888 Binary files /dev/null and b/docs/img/pipelines_comparison_plots_dark.png differ diff --git a/docs/img/pipelines_comparison_plots_merged.png b/docs/img/pipelines_comparison_plots_merged.png index 38bc31c3..e088e6d6 100644 Binary files a/docs/img/pipelines_comparison_plots_merged.png and b/docs/img/pipelines_comparison_plots_merged.png differ diff --git a/docs/img/pipelines_comparison_plots_merged_dark.png b/docs/img/pipelines_comparison_plots_merged_dark.png new file mode 100644 index 00000000..1ea18b4d Binary files /dev/null and b/docs/img/pipelines_comparison_plots_merged_dark.png differ diff --git a/docs/img/pipelines_comparison_scalars.png b/docs/img/pipelines_comparison_scalars.png index 63bc22c5..5fb5e774 100644 Binary files a/docs/img/pipelines_comparison_scalars.png and b/docs/img/pipelines_comparison_scalars.png differ diff --git a/docs/img/pipelines_comparison_scalars_dark.png b/docs/img/pipelines_comparison_scalars_dark.png new file mode 100644 index 00000000..f50b2623 Binary files /dev/null and b/docs/img/pipelines_comparison_scalars_dark.png differ diff --git a/docs/img/pipelines_comparison_single_scalar.png b/docs/img/pipelines_comparison_single_scalar.png index 10b13fc5..2541a69d 100644 Binary files a/docs/img/pipelines_comparison_single_scalar.png and b/docs/img/pipelines_comparison_single_scalar.png differ diff --git a/docs/img/pipelines_comparison_single_scalar_dark.png b/docs/img/pipelines_comparison_single_scalar_dark.png new file mode 100644 index 00000000..9a74aa95 Binary files /dev/null and b/docs/img/pipelines_comparison_single_scalar_dark.png differ diff --git a/docs/img/report_plotly.png b/docs/img/report_plotly.png index 3cf6cb70..52651471 100644 Binary files a/docs/img/report_plotly.png and b/docs/img/report_plotly.png differ diff --git a/docs/img/report_plotly_dark.png b/docs/img/report_plotly_dark.png new file mode 100644 index 00000000..2d6bfc73 Binary files /dev/null and b/docs/img/report_plotly_dark.png differ diff --git a/docs/img/reports_blockquotes.png b/docs/img/reports_blockquotes.png index adf1df12..ac0576a3 100644 Binary files a/docs/img/reports_blockquotes.png and b/docs/img/reports_blockquotes.png differ diff --git a/docs/img/reports_blockquotes_dark.png b/docs/img/reports_blockquotes_dark.png new file mode 100644 index 00000000..a62c9c11 Binary files /dev/null and b/docs/img/reports_blockquotes_dark.png differ diff --git a/docs/img/reports_headings.png b/docs/img/reports_headings.png index 8e1dda95..fe953aa7 100644 Binary files a/docs/img/reports_headings.png and b/docs/img/reports_headings.png differ diff --git a/docs/img/reports_headings_dark.png b/docs/img/reports_headings_dark.png new file mode 100644 index 00000000..6f4cb78f Binary files /dev/null and b/docs/img/reports_headings_dark.png differ diff --git a/docs/img/reports_horizontal_rules.png b/docs/img/reports_horizontal_rules.png index 34c2647b..039a9cd4 100644 Binary files a/docs/img/reports_horizontal_rules.png and b/docs/img/reports_horizontal_rules.png differ diff --git a/docs/img/reports_horizontal_rules_dark.png b/docs/img/reports_horizontal_rules_dark.png new file mode 100644 index 00000000..0f241c54 Binary files /dev/null and b/docs/img/reports_horizontal_rules_dark.png differ diff --git a/docs/img/reports_ordered_list.png b/docs/img/reports_ordered_list.png index affd14cd..829bff5b 100644 Binary files a/docs/img/reports_ordered_list.png and b/docs/img/reports_ordered_list.png differ diff --git a/docs/img/reports_ordered_list_dark.png b/docs/img/reports_ordered_list_dark.png new file mode 100644 index 00000000..843b5ab1 Binary files /dev/null and b/docs/img/reports_ordered_list_dark.png differ diff --git a/docs/img/reports_step_2.png b/docs/img/reports_step_2.png index 66135d32..5fd6b618 100644 Binary files a/docs/img/reports_step_2.png and b/docs/img/reports_step_2.png differ diff --git a/docs/img/reports_step_2_dark.png b/docs/img/reports_step_2_dark.png new file mode 100644 index 00000000..004b8417 Binary files /dev/null and b/docs/img/reports_step_2_dark.png differ diff --git a/docs/img/reports_step_2a.png b/docs/img/reports_step_2a.png index 99ad198e..2f6639be 100644 Binary files a/docs/img/reports_step_2a.png and b/docs/img/reports_step_2a.png differ diff --git a/docs/img/reports_step_2a_dark.png b/docs/img/reports_step_2a_dark.png new file mode 100644 index 00000000..c1d13442 Binary files /dev/null and b/docs/img/reports_step_2a_dark.png differ diff --git a/docs/img/reports_step_3.png b/docs/img/reports_step_3.png index 7b56dec3..fd6a0d8d 100644 Binary files a/docs/img/reports_step_3.png and b/docs/img/reports_step_3.png differ diff --git a/docs/img/reports_step_3_dark.png b/docs/img/reports_step_3_dark.png new file mode 100644 index 00000000..d1648aed Binary files /dev/null and b/docs/img/reports_step_3_dark.png differ diff --git a/docs/img/reports_table.png b/docs/img/reports_table.png index dd0c5ee4..a8b4f85b 100644 Binary files a/docs/img/reports_table.png and b/docs/img/reports_table.png differ diff --git a/docs/img/reports_table_dark.png b/docs/img/reports_table_dark.png new file mode 100644 index 00000000..870f9ee6 Binary files /dev/null and b/docs/img/reports_table_dark.png differ diff --git a/docs/img/reports_unordered_list.png b/docs/img/reports_unordered_list.png index 82b830d2..3d1e8437 100644 Binary files a/docs/img/reports_unordered_list.png and b/docs/img/reports_unordered_list.png differ diff --git a/docs/img/reports_unordered_list_dark.png b/docs/img/reports_unordered_list_dark.png new file mode 100644 index 00000000..f552f654 Binary files /dev/null and b/docs/img/reports_unordered_list_dark.png differ diff --git a/docs/img/resource_configuration.png b/docs/img/resource_configuration.png index d968072e..1f81b2a6 100644 Binary files a/docs/img/resource_configuration.png and b/docs/img/resource_configuration.png differ diff --git a/docs/img/resource_configuration_dark.png b/docs/img/resource_configuration_dark.png new file mode 100644 index 00000000..261d5716 Binary files /dev/null and b/docs/img/resource_configuration_dark.png differ diff --git a/docs/img/resource_configuration_pool_card.png b/docs/img/resource_configuration_pool_card.png index 8d6e89ca..114bcc08 100644 Binary files a/docs/img/resource_configuration_pool_card.png and b/docs/img/resource_configuration_pool_card.png differ diff --git a/docs/img/resource_configuration_pool_card_dark.png b/docs/img/resource_configuration_pool_card_dark.png new file mode 100644 index 00000000..a531d67d Binary files /dev/null and b/docs/img/resource_configuration_pool_card_dark.png differ diff --git a/docs/img/resource_configuration_profile_card.png b/docs/img/resource_configuration_profile_card.png index 9e3a122e..841bdd93 100644 Binary files a/docs/img/resource_configuration_profile_card.png and b/docs/img/resource_configuration_profile_card.png differ diff --git a/docs/img/resource_configuration_profile_card_dark.png b/docs/img/resource_configuration_profile_card_dark.png new file mode 100644 index 00000000..c18d6375 Binary files /dev/null and b/docs/img/resource_configuration_profile_card_dark.png differ diff --git a/docs/img/resource_example_policy.png b/docs/img/resource_example_policy.png index 07ce56f2..8fd866bc 100644 Binary files a/docs/img/resource_example_policy.png and b/docs/img/resource_example_policy.png differ diff --git a/docs/img/resource_example_policy_dark.png b/docs/img/resource_example_policy_dark.png new file mode 100644 index 00000000..d18b3bcd Binary files /dev/null and b/docs/img/resource_example_policy_dark.png differ diff --git a/docs/img/resource_example_policy_priority.png b/docs/img/resource_example_policy_priority.png index 6e237d02..5618cb61 100644 Binary files a/docs/img/resource_example_policy_priority.png and b/docs/img/resource_example_policy_priority.png differ diff --git a/docs/img/resource_example_policy_priority_dark.png b/docs/img/resource_example_policy_priority_dark.png new file mode 100644 index 00000000..b4326a17 Binary files /dev/null and b/docs/img/resource_example_policy_priority_dark.png differ diff --git a/docs/img/resource_example_pool_card.png b/docs/img/resource_example_pool_card.png index 1051a1a3..b1e7e130 100644 Binary files a/docs/img/resource_example_pool_card.png and b/docs/img/resource_example_pool_card.png differ diff --git a/docs/img/resource_example_pool_card_dark.png b/docs/img/resource_example_pool_card_dark.png new file mode 100644 index 00000000..3699518b Binary files /dev/null and b/docs/img/resource_example_pool_card_dark.png differ diff --git a/docs/img/resource_example_pool_priority.png b/docs/img/resource_example_pool_priority.png index 7f8341dd..c20c474e 100644 Binary files a/docs/img/resource_example_pool_priority.png and b/docs/img/resource_example_pool_priority.png differ diff --git a/docs/img/resource_example_pool_priority_dark.png b/docs/img/resource_example_pool_priority_dark.png new file mode 100644 index 00000000..d343c910 Binary files /dev/null and b/docs/img/resource_example_pool_priority_dark.png differ diff --git a/docs/img/resource_example_pools.png b/docs/img/resource_example_pools.png index f1ddc396..f955bae9 100644 Binary files a/docs/img/resource_example_pools.png and b/docs/img/resource_example_pools.png differ diff --git a/docs/img/resource_example_pools_dark.png b/docs/img/resource_example_pools_dark.png new file mode 100644 index 00000000..658f4c65 Binary files /dev/null and b/docs/img/resource_example_pools_dark.png differ diff --git a/docs/img/resource_example_profile.png b/docs/img/resource_example_profile.png index 374fc4f9..687e5d76 100644 Binary files a/docs/img/resource_example_profile.png and b/docs/img/resource_example_profile.png differ diff --git a/docs/img/resource_example_profile_dark.png b/docs/img/resource_example_profile_dark.png new file mode 100644 index 00000000..e42e1da8 Binary files /dev/null and b/docs/img/resource_example_profile_dark.png differ diff --git a/docs/img/resource_example_profile_pool_links.png b/docs/img/resource_example_profile_pool_links.png index e2f13cf8..e267135e 100644 Binary files a/docs/img/resource_example_profile_pool_links.png and b/docs/img/resource_example_profile_pool_links.png differ diff --git a/docs/img/resource_example_profile_pool_links_dark.png b/docs/img/resource_example_profile_pool_links_dark.png new file mode 100644 index 00000000..46061851 Binary files /dev/null and b/docs/img/resource_example_profile_pool_links_dark.png differ diff --git a/docs/img/resource_example_profile_priority.png b/docs/img/resource_example_profile_priority.png index 1c8ee3b6..caa20156 100644 Binary files a/docs/img/resource_example_profile_priority.png and b/docs/img/resource_example_profile_priority.png differ diff --git a/docs/img/resource_example_profile_priority_dark.png b/docs/img/resource_example_profile_priority_dark.png new file mode 100644 index 00000000..ee688d78 Binary files /dev/null and b/docs/img/resource_example_profile_priority_dark.png differ diff --git a/docs/img/resource_policies_dashboard.png b/docs/img/resource_policies_dashboard.png index 4168a2b6..ab0f9428 100644 Binary files a/docs/img/resource_policies_dashboard.png and b/docs/img/resource_policies_dashboard.png differ diff --git a/docs/img/resource_policies_dashboard_dark.png b/docs/img/resource_policies_dashboard_dark.png new file mode 100644 index 00000000..5b105920 Binary files /dev/null and b/docs/img/resource_policies_dashboard_dark.png differ diff --git a/docs/img/resource_policies_policy_card.png b/docs/img/resource_policies_policy_card.png index 2fdd511e..48e46006 100644 Binary files a/docs/img/resource_policies_policy_card.png and b/docs/img/resource_policies_policy_card.png differ diff --git a/docs/img/resource_policies_policy_card_dark.png b/docs/img/resource_policies_policy_card_dark.png new file mode 100644 index 00000000..2c72696b Binary files /dev/null and b/docs/img/resource_policies_policy_card_dark.png differ diff --git a/docs/img/resource_policies_profile_card_admin.png b/docs/img/resource_policies_profile_card_admin.png index 0062778e..9fd2268b 100644 Binary files a/docs/img/resource_policies_profile_card_admin.png and b/docs/img/resource_policies_profile_card_admin.png differ diff --git a/docs/img/resource_policies_profile_card_admin_dark.png b/docs/img/resource_policies_profile_card_admin_dark.png new file mode 100644 index 00000000..21978bb2 Binary files /dev/null and b/docs/img/resource_policies_profile_card_admin_dark.png differ diff --git a/docs/img/resource_policies_profile_card_non_admin.png b/docs/img/resource_policies_profile_card_non_admin.png index e38a9d62..fe2cef99 100644 Binary files a/docs/img/resource_policies_profile_card_non_admin.png and b/docs/img/resource_policies_profile_card_non_admin.png differ diff --git a/docs/img/resource_policies_profile_card_non_admin_dark.png b/docs/img/resource_policies_profile_card_non_admin_dark.png new file mode 100644 index 00000000..8b508def Binary files /dev/null and b/docs/img/resource_policies_profile_card_non_admin_dark.png differ diff --git a/docs/img/resource_policies_remove_profile.png b/docs/img/resource_policies_remove_profile.png index e0ce43b2..672c245d 100644 Binary files a/docs/img/resource_policies_remove_profile.png and b/docs/img/resource_policies_remove_profile.png differ diff --git a/docs/img/resource_policies_remove_profile_dark.png b/docs/img/resource_policies_remove_profile_dark.png new file mode 100644 index 00000000..cb65d5a2 Binary files /dev/null and b/docs/img/resource_policies_remove_profile_dark.png differ diff --git a/docs/img/settings_access_rules.png b/docs/img/settings_access_rules.png index fcc1d72e..ab1e9292 100644 Binary files a/docs/img/settings_access_rules.png and b/docs/img/settings_access_rules.png differ diff --git a/docs/img/settings_access_rules_dark.png b/docs/img/settings_access_rules_dark.png new file mode 100644 index 00000000..9fcde90c Binary files /dev/null and b/docs/img/settings_access_rules_dark.png differ diff --git a/docs/img/settings_admin_vaults.png b/docs/img/settings_admin_vaults.png index 4449e255..49df3330 100644 Binary files a/docs/img/settings_admin_vaults.png and b/docs/img/settings_admin_vaults.png differ diff --git a/docs/img/settings_admin_vaults_dark.png b/docs/img/settings_admin_vaults_dark.png new file mode 100644 index 00000000..fff18883 Binary files /dev/null and b/docs/img/settings_admin_vaults_dark.png differ diff --git a/docs/img/settings_billing_usage.png b/docs/img/settings_billing_usage.png index da661619..0b045480 100644 Binary files a/docs/img/settings_billing_usage.png and b/docs/img/settings_billing_usage.png differ diff --git a/docs/img/settings_billing_usage_dark.png b/docs/img/settings_billing_usage_dark.png new file mode 100644 index 00000000..68457a83 Binary files /dev/null and b/docs/img/settings_billing_usage_dark.png differ diff --git a/docs/img/settings_billing_usage_free.png b/docs/img/settings_billing_usage_free.png index d3c21f94..5f8fe341 100644 Binary files a/docs/img/settings_billing_usage_free.png and b/docs/img/settings_billing_usage_free.png differ diff --git a/docs/img/settings_billing_usage_free_dark.png b/docs/img/settings_billing_usage_free_dark.png new file mode 100644 index 00000000..6566648e Binary files /dev/null and b/docs/img/settings_billing_usage_free_dark.png differ diff --git a/docs/img/settings_configuration_creation.png b/docs/img/settings_configuration_creation.png index dd28f006..a0c68e7b 100644 Binary files a/docs/img/settings_configuration_creation.png and b/docs/img/settings_configuration_creation.png differ diff --git a/docs/img/settings_configuration_creation_dark.png b/docs/img/settings_configuration_creation_dark.png new file mode 100644 index 00000000..95d63073 Binary files /dev/null and b/docs/img/settings_configuration_creation_dark.png differ diff --git a/docs/img/settings_configuration_vault.png b/docs/img/settings_configuration_vault.png index 7c85d304..71972502 100644 Binary files a/docs/img/settings_configuration_vault.png and b/docs/img/settings_configuration_vault.png differ diff --git a/docs/img/settings_configuration_vault_dark.png b/docs/img/settings_configuration_vault_dark.png new file mode 100644 index 00000000..64c202bd Binary files /dev/null and b/docs/img/settings_configuration_vault_dark.png differ diff --git a/docs/img/settings_hidden_projects.png b/docs/img/settings_hidden_projects.png index 0a7995eb..18e69eb8 100644 Binary files a/docs/img/settings_hidden_projects.png and b/docs/img/settings_hidden_projects.png differ diff --git a/docs/img/settings_hidden_projects_dark.png b/docs/img/settings_hidden_projects_dark.png new file mode 100644 index 00000000..bbfa2501 Binary files /dev/null and b/docs/img/settings_hidden_projects_dark.png differ diff --git a/docs/img/settings_identity_chart.png b/docs/img/settings_identity_chart.png index c76d0c12..d5743cfc 100644 Binary files a/docs/img/settings_identity_chart.png and b/docs/img/settings_identity_chart.png differ diff --git a/docs/img/settings_identity_chart_dark.png b/docs/img/settings_identity_chart_dark.png new file mode 100644 index 00000000..2aca3b63 Binary files /dev/null and b/docs/img/settings_identity_chart_dark.png differ diff --git a/docs/img/settings_service_account_config_vault.png b/docs/img/settings_service_account_config_vault.png index 59a19468..874facdd 100644 Binary files a/docs/img/settings_service_account_config_vault.png and b/docs/img/settings_service_account_config_vault.png differ diff --git a/docs/img/settings_service_account_config_vault_dark.png b/docs/img/settings_service_account_config_vault_dark.png new file mode 100644 index 00000000..dc454374 Binary files /dev/null and b/docs/img/settings_service_account_config_vault_dark.png differ diff --git a/docs/img/settings_service_accounts.png b/docs/img/settings_service_accounts.png index f1070291..f2f5be4e 100644 Binary files a/docs/img/settings_service_accounts.png and b/docs/img/settings_service_accounts.png differ diff --git a/docs/img/settings_service_accounts_dark.png b/docs/img/settings_service_accounts_dark.png new file mode 100644 index 00000000..51a32a5a Binary files /dev/null and b/docs/img/settings_service_accounts_dark.png differ diff --git a/docs/img/settings_user_group.png b/docs/img/settings_user_group.png index 59fbee32..9ab73e63 100644 Binary files a/docs/img/settings_user_group.png and b/docs/img/settings_user_group.png differ diff --git a/docs/img/settings_user_group_dark.png b/docs/img/settings_user_group_dark.png new file mode 100644 index 00000000..62c2c46c Binary files /dev/null and b/docs/img/settings_user_group_dark.png differ diff --git a/docs/img/settings_user_management_table.png b/docs/img/settings_user_management_table.png index 7e935d93..c064f480 100644 Binary files a/docs/img/settings_user_management_table.png and b/docs/img/settings_user_management_table.png differ diff --git a/docs/img/settings_user_management_table_dark.png b/docs/img/settings_user_management_table_dark.png new file mode 100644 index 00000000..dcd2e750 Binary files /dev/null and b/docs/img/settings_user_management_table_dark.png differ diff --git a/docs/img/settings_user_table.png b/docs/img/settings_user_table.png index 0f33e8bc..2d32a40f 100644 Binary files a/docs/img/settings_user_table.png and b/docs/img/settings_user_table.png differ diff --git a/docs/img/settings_user_table_dark.png b/docs/img/settings_user_table_dark.png new file mode 100644 index 00000000..2bd5d88b Binary files /dev/null and b/docs/img/settings_user_table_dark.png differ diff --git a/docs/img/settings_workspace_configuration.png b/docs/img/settings_workspace_configuration.png index d2518611..2709e0cc 100644 Binary files a/docs/img/settings_workspace_configuration.png and b/docs/img/settings_workspace_configuration.png differ diff --git a/docs/img/settings_workspace_configuration_dark.png b/docs/img/settings_workspace_configuration_dark.png new file mode 100644 index 00000000..f9beb735 Binary files /dev/null and b/docs/img/settings_workspace_configuration_dark.png differ diff --git a/docs/img/webapp_clone.png b/docs/img/webapp_clone.png index 6fa4936b..caaabf6c 100644 Binary files a/docs/img/webapp_clone.png and b/docs/img/webapp_clone.png differ diff --git a/docs/img/webapp_clone_dark.png b/docs/img/webapp_clone_dark.png new file mode 100644 index 00000000..92ef3011 Binary files /dev/null and b/docs/img/webapp_clone_dark.png differ diff --git a/docs/img/webapp_compare_05.png b/docs/img/webapp_compare_05.png index d7406a0b..44e10e1e 100644 Binary files a/docs/img/webapp_compare_05.png and b/docs/img/webapp_compare_05.png differ diff --git a/docs/img/webapp_compare_05_dark.png b/docs/img/webapp_compare_05_dark.png new file mode 100644 index 00000000..ba8bdb68 Binary files /dev/null and b/docs/img/webapp_compare_05_dark.png differ diff --git a/docs/img/webapp_compare_07.png b/docs/img/webapp_compare_07.png index ab8cc837..3945f223 100644 Binary files a/docs/img/webapp_compare_07.png and b/docs/img/webapp_compare_07.png differ diff --git a/docs/img/webapp_compare_07_dark.png b/docs/img/webapp_compare_07_dark.png new file mode 100644 index 00000000..86d144fa Binary files /dev/null and b/docs/img/webapp_compare_07_dark.png differ diff --git a/docs/img/webapp_compare_08.png b/docs/img/webapp_compare_08.png index dd8ba6a6..6161824c 100644 Binary files a/docs/img/webapp_compare_08.png and b/docs/img/webapp_compare_08.png differ diff --git a/docs/img/webapp_compare_08_dark.png b/docs/img/webapp_compare_08_dark.png new file mode 100644 index 00000000..2fee4ddc Binary files /dev/null and b/docs/img/webapp_compare_08_dark.png differ diff --git a/docs/img/webapp_compare_11.png b/docs/img/webapp_compare_11.png index 2b1e0d8a..d96082ab 100644 Binary files a/docs/img/webapp_compare_11.png and b/docs/img/webapp_compare_11.png differ diff --git a/docs/img/webapp_compare_11_dark.png b/docs/img/webapp_compare_11_dark.png new file mode 100644 index 00000000..547baa3c Binary files /dev/null and b/docs/img/webapp_compare_11_dark.png differ diff --git a/docs/img/webapp_compare_30.png b/docs/img/webapp_compare_30.png index dc18a3ba..65f5f536 100644 Binary files a/docs/img/webapp_compare_30.png and b/docs/img/webapp_compare_30.png differ diff --git a/docs/img/webapp_compare_30_dark.png b/docs/img/webapp_compare_30_dark.png new file mode 100644 index 00000000..c16b7272 Binary files /dev/null and b/docs/img/webapp_compare_30_dark.png differ diff --git a/docs/img/webapp_compare_exp_plots.png b/docs/img/webapp_compare_exp_plots.png index 2e845bb6..a990349f 100644 Binary files a/docs/img/webapp_compare_exp_plots.png and b/docs/img/webapp_compare_exp_plots.png differ diff --git a/docs/img/webapp_compare_exp_plots_dark.png b/docs/img/webapp_compare_exp_plots_dark.png new file mode 100644 index 00000000..57392c96 Binary files /dev/null and b/docs/img/webapp_compare_exp_plots_dark.png differ diff --git a/docs/img/webapp_compare_exp_scalar_vals.png b/docs/img/webapp_compare_exp_scalar_vals.png index 0af45aa4..b23d8f1f 100644 Binary files a/docs/img/webapp_compare_exp_scalar_vals.png and b/docs/img/webapp_compare_exp_scalar_vals.png differ diff --git a/docs/img/webapp_compare_exp_scalar_vals_dark.png b/docs/img/webapp_compare_exp_scalar_vals_dark.png new file mode 100644 index 00000000..6e94cc92 Binary files /dev/null and b/docs/img/webapp_compare_exp_scalar_vals_dark.png differ diff --git a/docs/img/webapp_compare_exp_select_1.png b/docs/img/webapp_compare_exp_select_1.png index fa277a24..10f5dd18 100644 Binary files a/docs/img/webapp_compare_exp_select_1.png and b/docs/img/webapp_compare_exp_select_1.png differ diff --git a/docs/img/webapp_compare_exp_select_1_dark.png b/docs/img/webapp_compare_exp_select_1_dark.png new file mode 100644 index 00000000..e951f994 Binary files /dev/null and b/docs/img/webapp_compare_exp_select_1_dark.png differ diff --git a/docs/img/webapp_compare_exp_select_2.png b/docs/img/webapp_compare_exp_select_2.png index aae9e245..e1e561fd 100644 Binary files a/docs/img/webapp_compare_exp_select_2.png and b/docs/img/webapp_compare_exp_select_2.png differ diff --git a/docs/img/webapp_compare_exp_select_2_dark.png b/docs/img/webapp_compare_exp_select_2_dark.png new file mode 100644 index 00000000..d1a3b2e0 Binary files /dev/null and b/docs/img/webapp_compare_exp_select_2_dark.png differ diff --git a/docs/img/webapp_compare_exp_single_scalars.png b/docs/img/webapp_compare_exp_single_scalars.png index 18e50c12..c0c22291 100644 Binary files a/docs/img/webapp_compare_exp_single_scalars.png and b/docs/img/webapp_compare_exp_single_scalars.png differ diff --git a/docs/img/webapp_compare_exp_single_scalars_dark.png b/docs/img/webapp_compare_exp_single_scalars_dark.png new file mode 100644 index 00000000..93e4bc96 Binary files /dev/null and b/docs/img/webapp_compare_exp_single_scalars_dark.png differ diff --git a/docs/img/webapp_compare_model_select_1.png b/docs/img/webapp_compare_model_select_1.png index 0c88d7bf..692c1e7d 100644 Binary files a/docs/img/webapp_compare_model_select_1.png and b/docs/img/webapp_compare_model_select_1.png differ diff --git a/docs/img/webapp_compare_model_select_1_dark.png b/docs/img/webapp_compare_model_select_1_dark.png new file mode 100644 index 00000000..c6421bed Binary files /dev/null and b/docs/img/webapp_compare_model_select_1_dark.png differ diff --git a/docs/img/webapp_compare_model_select_2.png b/docs/img/webapp_compare_model_select_2.png index 28206694..0595ced4 100644 Binary files a/docs/img/webapp_compare_model_select_2.png and b/docs/img/webapp_compare_model_select_2.png differ diff --git a/docs/img/webapp_compare_model_select_2_dark.png b/docs/img/webapp_compare_model_select_2_dark.png new file mode 100644 index 00000000..29577fd3 Binary files /dev/null and b/docs/img/webapp_compare_model_select_2_dark.png differ diff --git a/docs/img/webapp_compare_model_single_scalars.png b/docs/img/webapp_compare_model_single_scalars.png index 4e909cd2..f959ba4f 100644 Binary files a/docs/img/webapp_compare_model_single_scalars.png and b/docs/img/webapp_compare_model_single_scalars.png differ diff --git a/docs/img/webapp_compare_model_single_scalars_dark.png b/docs/img/webapp_compare_model_single_scalars_dark.png new file mode 100644 index 00000000..a1e949ea Binary files /dev/null and b/docs/img/webapp_compare_model_single_scalars_dark.png differ diff --git a/docs/img/webapp_compare_models_merge_plots.png b/docs/img/webapp_compare_models_merge_plots.png index d40b5322..c6df26b7 100644 Binary files a/docs/img/webapp_compare_models_merge_plots.png and b/docs/img/webapp_compare_models_merge_plots.png differ diff --git a/docs/img/webapp_compare_models_merge_plots_dark.png b/docs/img/webapp_compare_models_merge_plots_dark.png new file mode 100644 index 00000000..e7e5b80b Binary files /dev/null and b/docs/img/webapp_compare_models_merge_plots_dark.png differ diff --git a/docs/img/webapp_compare_models_scalar_table.png b/docs/img/webapp_compare_models_scalar_table.png index a79b6ba8..462a863f 100644 Binary files a/docs/img/webapp_compare_models_scalar_table.png and b/docs/img/webapp_compare_models_scalar_table.png differ diff --git a/docs/img/webapp_compare_models_scalar_table_dark.png b/docs/img/webapp_compare_models_scalar_table_dark.png new file mode 100644 index 00000000..b1c9eb9a Binary files /dev/null and b/docs/img/webapp_compare_models_scalar_table_dark.png differ diff --git a/docs/img/webapp_compare_models_side_plots.png b/docs/img/webapp_compare_models_side_plots.png index 573b0329..413d767c 100644 Binary files a/docs/img/webapp_compare_models_side_plots.png and b/docs/img/webapp_compare_models_side_plots.png differ diff --git a/docs/img/webapp_compare_models_side_plots_dark.png b/docs/img/webapp_compare_models_side_plots_dark.png new file mode 100644 index 00000000..f119f681 Binary files /dev/null and b/docs/img/webapp_compare_models_side_plots_dark.png differ diff --git a/docs/img/webapp_compare_models_text.png b/docs/img/webapp_compare_models_text.png index e1ccf640..7aef0543 100644 Binary files a/docs/img/webapp_compare_models_text.png and b/docs/img/webapp_compare_models_text.png differ diff --git a/docs/img/webapp_compare_models_text_dark.png b/docs/img/webapp_compare_models_text_dark.png new file mode 100644 index 00000000..3dc919cb Binary files /dev/null and b/docs/img/webapp_compare_models_text_dark.png differ diff --git a/docs/img/webapp_compare_scatter.png b/docs/img/webapp_compare_scatter.png index 2c735b04..55a6cff0 100644 Binary files a/docs/img/webapp_compare_scatter.png and b/docs/img/webapp_compare_scatter.png differ diff --git a/docs/img/webapp_compare_scatter_dark.png b/docs/img/webapp_compare_scatter_dark.png new file mode 100644 index 00000000..14b84d4b Binary files /dev/null and b/docs/img/webapp_compare_scatter_dark.png differ diff --git a/docs/img/webapp_compare_view_1.png b/docs/img/webapp_compare_view_1.png index 7734a953..8e12dd08 100644 Binary files a/docs/img/webapp_compare_view_1.png and b/docs/img/webapp_compare_view_1.png differ diff --git a/docs/img/webapp_compare_view_1_dark.png b/docs/img/webapp_compare_view_1_dark.png new file mode 100644 index 00000000..b875c962 Binary files /dev/null and b/docs/img/webapp_compare_view_1_dark.png differ diff --git a/docs/img/webapp_compare_view_2.png b/docs/img/webapp_compare_view_2.png index 7a740a0e..422a1444 100644 Binary files a/docs/img/webapp_compare_view_2.png and b/docs/img/webapp_compare_view_2.png differ diff --git a/docs/img/webapp_compare_view_2_dark.png b/docs/img/webapp_compare_view_2_dark.png new file mode 100644 index 00000000..d951aa72 Binary files /dev/null and b/docs/img/webapp_compare_view_2_dark.png differ diff --git a/docs/img/webapp_compare_view_3.png b/docs/img/webapp_compare_view_3.png index 987fe104..5f9b815e 100644 Binary files a/docs/img/webapp_compare_view_3.png and b/docs/img/webapp_compare_view_3.png differ diff --git a/docs/img/webapp_compare_view_3_dark.png b/docs/img/webapp_compare_view_3_dark.png new file mode 100644 index 00000000..f0165890 Binary files /dev/null and b/docs/img/webapp_compare_view_3_dark.png differ diff --git a/docs/img/webapp_compare_view_4.png b/docs/img/webapp_compare_view_4.png index dbeb4e22..e681cd54 100644 Binary files a/docs/img/webapp_compare_view_4.png and b/docs/img/webapp_compare_view_4.png differ diff --git a/docs/img/webapp_compare_view_4_dark.png b/docs/img/webapp_compare_view_4_dark.png new file mode 100644 index 00000000..707b8cde Binary files /dev/null and b/docs/img/webapp_compare_view_4_dark.png differ diff --git a/docs/img/webapp_dashboard.png b/docs/img/webapp_dashboard.png index ff4fbf69..eaab02d1 100644 Binary files a/docs/img/webapp_dashboard.png and b/docs/img/webapp_dashboard.png differ diff --git a/docs/img/webapp_dashboard_dark.png b/docs/img/webapp_dashboard_dark.png new file mode 100644 index 00000000..a260dae2 Binary files /dev/null and b/docs/img/webapp_dashboard_dark.png differ diff --git a/docs/img/webapp_dataset_actions.png b/docs/img/webapp_dataset_actions.png index 6457cb7d..b0f4e641 100644 Binary files a/docs/img/webapp_dataset_actions.png and b/docs/img/webapp_dataset_actions.png differ diff --git a/docs/img/webapp_dataset_actions_dark.png b/docs/img/webapp_dataset_actions_dark.png new file mode 100644 index 00000000..ae637202 Binary files /dev/null and b/docs/img/webapp_dataset_actions_dark.png differ diff --git a/docs/img/webapp_dataset_card.png b/docs/img/webapp_dataset_card.png index 5aadd2ec..84c5bb58 100644 Binary files a/docs/img/webapp_dataset_card.png and b/docs/img/webapp_dataset_card.png differ diff --git a/docs/img/webapp_dataset_card_context_menu.png b/docs/img/webapp_dataset_card_context_menu.png index 6d561f53..23039350 100644 Binary files a/docs/img/webapp_dataset_card_context_menu.png and b/docs/img/webapp_dataset_card_context_menu.png differ diff --git a/docs/img/webapp_dataset_card_context_menu_dark.png b/docs/img/webapp_dataset_card_context_menu_dark.png new file mode 100644 index 00000000..b4fffd3d Binary files /dev/null and b/docs/img/webapp_dataset_card_context_menu_dark.png differ diff --git a/docs/img/webapp_dataset_card_dark.png b/docs/img/webapp_dataset_card_dark.png new file mode 100644 index 00000000..7fa442a8 Binary files /dev/null and b/docs/img/webapp_dataset_card_dark.png differ diff --git a/docs/img/webapp_dataset_console.png b/docs/img/webapp_dataset_console.png index 473be7bc..bb47f1ca 100644 Binary files a/docs/img/webapp_dataset_console.png and b/docs/img/webapp_dataset_console.png differ diff --git a/docs/img/webapp_dataset_console_dark.png b/docs/img/webapp_dataset_console_dark.png new file mode 100644 index 00000000..2aad334c Binary files /dev/null and b/docs/img/webapp_dataset_console_dark.png differ diff --git a/docs/img/webapp_dataset_content.png b/docs/img/webapp_dataset_content.png index 002dac39..9c17ba49 100644 Binary files a/docs/img/webapp_dataset_content.png and b/docs/img/webapp_dataset_content.png differ diff --git a/docs/img/webapp_dataset_content_dark.png b/docs/img/webapp_dataset_content_dark.png new file mode 100644 index 00000000..a7c5b918 Binary files /dev/null and b/docs/img/webapp_dataset_content_dark.png differ diff --git a/docs/img/webapp_dataset_lineage.png b/docs/img/webapp_dataset_lineage.png index 0bc8aaa2..35649fd7 100644 Binary files a/docs/img/webapp_dataset_lineage.png and b/docs/img/webapp_dataset_lineage.png differ diff --git a/docs/img/webapp_dataset_lineage_dark.png b/docs/img/webapp_dataset_lineage_dark.png new file mode 100644 index 00000000..855f7aa5 Binary files /dev/null and b/docs/img/webapp_dataset_lineage_dark.png differ diff --git a/docs/img/webapp_dataset_node.png b/docs/img/webapp_dataset_node.png index d4fde890..922bede9 100644 Binary files a/docs/img/webapp_dataset_node.png and b/docs/img/webapp_dataset_node.png differ diff --git a/docs/img/webapp_dataset_node_dark.png b/docs/img/webapp_dataset_node_dark.png new file mode 100644 index 00000000..8d95f5c7 Binary files /dev/null and b/docs/img/webapp_dataset_node_dark.png differ diff --git a/docs/img/webapp_dataset_page.png b/docs/img/webapp_dataset_page.png index 8f981238..aad7cee5 100644 Binary files a/docs/img/webapp_dataset_page.png and b/docs/img/webapp_dataset_page.png differ diff --git a/docs/img/webapp_dataset_page_dark.png b/docs/img/webapp_dataset_page_dark.png new file mode 100644 index 00000000..d8687e1b Binary files /dev/null and b/docs/img/webapp_dataset_page_dark.png differ diff --git a/docs/img/webapp_dataset_preview.png b/docs/img/webapp_dataset_preview.png index 258f75c5..333a8ef0 100644 Binary files a/docs/img/webapp_dataset_preview.png and b/docs/img/webapp_dataset_preview.png differ diff --git a/docs/img/webapp_dataset_preview_dark.png b/docs/img/webapp_dataset_preview_dark.png new file mode 100644 index 00000000..9cf5cd1e Binary files /dev/null and b/docs/img/webapp_dataset_preview_dark.png differ diff --git a/docs/img/webapp_dataset_project_card.png b/docs/img/webapp_dataset_project_card.png index c40733d8..d6edbd18 100644 Binary files a/docs/img/webapp_dataset_project_card.png and b/docs/img/webapp_dataset_project_card.png differ diff --git a/docs/img/webapp_dataset_project_card_dark.png b/docs/img/webapp_dataset_project_card_dark.png new file mode 100644 index 00000000..eb0932a7 Binary files /dev/null and b/docs/img/webapp_dataset_project_card_dark.png differ diff --git a/docs/img/webapp_dataset_task_page.png b/docs/img/webapp_dataset_task_page.png index 2a7480c0..5842b0d8 100644 Binary files a/docs/img/webapp_dataset_task_page.png and b/docs/img/webapp_dataset_task_page.png differ diff --git a/docs/img/webapp_dataset_task_page_dark.png b/docs/img/webapp_dataset_task_page_dark.png new file mode 100644 index 00000000..810986a1 Binary files /dev/null and b/docs/img/webapp_dataset_task_page_dark.png differ diff --git a/docs/img/webapp_dataset_version_info.png b/docs/img/webapp_dataset_version_info.png index 25e8e67d..ecfdc09a 100644 Binary files a/docs/img/webapp_dataset_version_info.png and b/docs/img/webapp_dataset_version_info.png differ diff --git a/docs/img/webapp_dataset_version_info_dark.png b/docs/img/webapp_dataset_version_info_dark.png new file mode 100644 index 00000000..c4eb46bd Binary files /dev/null and b/docs/img/webapp_dataset_version_info_dark.png differ diff --git a/docs/img/webapp_exp_artifacts_01.png b/docs/img/webapp_exp_artifacts_01.png index 5452e06c..8dc55994 100644 Binary files a/docs/img/webapp_exp_artifacts_01.png and b/docs/img/webapp_exp_artifacts_01.png differ diff --git a/docs/img/webapp_exp_artifacts_01_dark.png b/docs/img/webapp_exp_artifacts_01_dark.png new file mode 100644 index 00000000..339ad216 Binary files /dev/null and b/docs/img/webapp_exp_artifacts_01_dark.png differ diff --git a/docs/img/webapp_exp_container.png b/docs/img/webapp_exp_container.png index de34d7cc..92c8b892 100644 Binary files a/docs/img/webapp_exp_container.png and b/docs/img/webapp_exp_container.png differ diff --git a/docs/img/webapp_exp_container_dark.png b/docs/img/webapp_exp_container_dark.png new file mode 100644 index 00000000..2fe71940 Binary files /dev/null and b/docs/img/webapp_exp_container_dark.png differ diff --git a/docs/img/webapp_exp_installed_packages.png b/docs/img/webapp_exp_installed_packages.png index 99942c7e..01338394 100644 Binary files a/docs/img/webapp_exp_installed_packages.png and b/docs/img/webapp_exp_installed_packages.png differ diff --git a/docs/img/webapp_exp_installed_packages_2.png b/docs/img/webapp_exp_installed_packages_2.png new file mode 100644 index 00000000..d1d700c4 Binary files /dev/null and b/docs/img/webapp_exp_installed_packages_2.png differ diff --git a/docs/img/webapp_exp_installed_packages_2.png.png b/docs/img/webapp_exp_installed_packages_2.png.png deleted file mode 100644 index ade1dc41..00000000 Binary files a/docs/img/webapp_exp_installed_packages_2.png.png and /dev/null differ diff --git a/docs/img/webapp_exp_installed_packages_2_dark.png b/docs/img/webapp_exp_installed_packages_2_dark.png new file mode 100644 index 00000000..1d6744c3 Binary files /dev/null and b/docs/img/webapp_exp_installed_packages_2_dark.png differ diff --git a/docs/img/webapp_exp_installed_packages_dark.png b/docs/img/webapp_exp_installed_packages_dark.png new file mode 100644 index 00000000..20e4490a Binary files /dev/null and b/docs/img/webapp_exp_installed_packages_dark.png differ diff --git a/docs/img/webapp_exp_output.png b/docs/img/webapp_exp_output.png index f250933b..bad23e3d 100644 Binary files a/docs/img/webapp_exp_output.png and b/docs/img/webapp_exp_output.png differ diff --git a/docs/img/webapp_exp_output_dark.png b/docs/img/webapp_exp_output_dark.png new file mode 100644 index 00000000..27d3eec0 Binary files /dev/null and b/docs/img/webapp_exp_output_dark.png differ diff --git a/docs/img/webapp_exp_source_code.png b/docs/img/webapp_exp_source_code.png index 96aaa3bb..90c8f7e5 100644 Binary files a/docs/img/webapp_exp_source_code.png and b/docs/img/webapp_exp_source_code.png differ diff --git a/docs/img/webapp_exp_source_code_dark.png b/docs/img/webapp_exp_source_code_dark.png new file mode 100644 index 00000000..9a56a4c0 Binary files /dev/null and b/docs/img/webapp_exp_source_code_dark.png differ diff --git a/docs/img/webapp_exp_table_sharing.png b/docs/img/webapp_exp_table_sharing.png index 497f7cd9..4d79d5d7 100644 Binary files a/docs/img/webapp_exp_table_sharing.png and b/docs/img/webapp_exp_table_sharing.png differ diff --git a/docs/img/webapp_exp_table_sharing_dark.png b/docs/img/webapp_exp_table_sharing_dark.png new file mode 100644 index 00000000..be6af882 Binary files /dev/null and b/docs/img/webapp_exp_table_sharing_dark.png differ diff --git a/docs/img/webapp_exp_uncommitted_changes.png b/docs/img/webapp_exp_uncommitted_changes.png index 965ef505..83c9d7ee 100644 Binary files a/docs/img/webapp_exp_uncommitted_changes.png and b/docs/img/webapp_exp_uncommitted_changes.png differ diff --git a/docs/img/webapp_exp_uncommitted_changes_dark.png b/docs/img/webapp_exp_uncommitted_changes_dark.png new file mode 100644 index 00000000..50fd8679 Binary files /dev/null and b/docs/img/webapp_exp_uncommitted_changes_dark.png differ diff --git a/docs/img/webapp_experiment_table.png b/docs/img/webapp_experiment_table.png index 2fb35a8d..7623f945 100644 Binary files a/docs/img/webapp_experiment_table.png and b/docs/img/webapp_experiment_table.png differ diff --git a/docs/img/webapp_experiment_table_context_menu.png b/docs/img/webapp_experiment_table_context_menu.png index 660a3b08..715f03b2 100644 Binary files a/docs/img/webapp_experiment_table_context_menu.png and b/docs/img/webapp_experiment_table_context_menu.png differ diff --git a/docs/img/webapp_experiment_table_context_menu_dark.png b/docs/img/webapp_experiment_table_context_menu_dark.png new file mode 100644 index 00000000..e0bd1c4e Binary files /dev/null and b/docs/img/webapp_experiment_table_context_menu_dark.png differ diff --git a/docs/img/webapp_experiment_table_dark.png b/docs/img/webapp_experiment_table_dark.png new file mode 100644 index 00000000..2b3544a7 Binary files /dev/null and b/docs/img/webapp_experiment_table_dark.png differ diff --git a/docs/img/webapp_info_audit_log.png b/docs/img/webapp_info_audit_log.png index ab8df3a7..3016704b 100644 Binary files a/docs/img/webapp_info_audit_log.png and b/docs/img/webapp_info_audit_log.png differ diff --git a/docs/img/webapp_info_audit_log_dark.png b/docs/img/webapp_info_audit_log_dark.png new file mode 100644 index 00000000..b788fc2b Binary files /dev/null and b/docs/img/webapp_info_audit_log_dark.png differ diff --git a/docs/img/webapp_metric_snapshot_selection.png b/docs/img/webapp_metric_snapshot_selection.png index 2181136f..bd6ac4d5 100644 Binary files a/docs/img/webapp_metric_snapshot_selection.png and b/docs/img/webapp_metric_snapshot_selection.png differ diff --git a/docs/img/webapp_metric_snapshot_selection_dark.png b/docs/img/webapp_metric_snapshot_selection_dark.png new file mode 100644 index 00000000..699592d6 Binary files /dev/null and b/docs/img/webapp_metric_snapshot_selection_dark.png differ diff --git a/docs/img/webapp_model_config_actions.png b/docs/img/webapp_model_config_actions.png index 1ea67f11..1f5a4f47 100644 Binary files a/docs/img/webapp_model_config_actions.png and b/docs/img/webapp_model_config_actions.png differ diff --git a/docs/img/webapp_model_config_actions_dark.png b/docs/img/webapp_model_config_actions_dark.png new file mode 100644 index 00000000..d6a07dbc Binary files /dev/null and b/docs/img/webapp_model_config_actions_dark.png differ diff --git a/docs/img/webapp_model_endpoints_active_table.png b/docs/img/webapp_model_endpoints_active_table.png index 7afd4104..e1f702f2 100644 Binary files a/docs/img/webapp_model_endpoints_active_table.png and b/docs/img/webapp_model_endpoints_active_table.png differ diff --git a/docs/img/webapp_model_endpoints_active_table_dark.png b/docs/img/webapp_model_endpoints_active_table_dark.png new file mode 100644 index 00000000..584437fd Binary files /dev/null and b/docs/img/webapp_model_endpoints_active_table_dark.png differ diff --git a/docs/img/webapp_model_endpoints_details.png b/docs/img/webapp_model_endpoints_details.png index 46cdf3f0..2797c6f5 100644 Binary files a/docs/img/webapp_model_endpoints_details.png and b/docs/img/webapp_model_endpoints_details.png differ diff --git a/docs/img/webapp_model_endpoints_details_dark.png b/docs/img/webapp_model_endpoints_details_dark.png new file mode 100644 index 00000000..c8528f9d Binary files /dev/null and b/docs/img/webapp_model_endpoints_details_dark.png differ diff --git a/docs/img/webapp_model_endpoints_loading_table.png b/docs/img/webapp_model_endpoints_loading_table.png index cc933a97..daeed96c 100644 Binary files a/docs/img/webapp_model_endpoints_loading_table.png and b/docs/img/webapp_model_endpoints_loading_table.png differ diff --git a/docs/img/webapp_model_endpoints_loading_table_dark.png b/docs/img/webapp_model_endpoints_loading_table_dark.png new file mode 100644 index 00000000..5c628166 Binary files /dev/null and b/docs/img/webapp_model_endpoints_loading_table_dark.png differ diff --git a/docs/img/webapp_model_endpoints_monitor.png b/docs/img/webapp_model_endpoints_monitor.png index 6b00b713..d48135c5 100644 Binary files a/docs/img/webapp_model_endpoints_monitor.png and b/docs/img/webapp_model_endpoints_monitor.png differ diff --git a/docs/img/webapp_model_endpoints_monitor_dark.png b/docs/img/webapp_model_endpoints_monitor_dark.png new file mode 100644 index 00000000..9e382348 Binary files /dev/null and b/docs/img/webapp_model_endpoints_monitor_dark.png differ diff --git a/docs/img/webapp_model_general.png b/docs/img/webapp_model_general.png index 5d604c5c..2931f90f 100644 Binary files a/docs/img/webapp_model_general.png and b/docs/img/webapp_model_general.png differ diff --git a/docs/img/webapp_model_general_dark.png b/docs/img/webapp_model_general_dark.png new file mode 100644 index 00000000..37225ece Binary files /dev/null and b/docs/img/webapp_model_general_dark.png differ diff --git a/docs/img/webapp_model_labels.png b/docs/img/webapp_model_labels.png index 3eba3e7e..49eb5eca 100644 Binary files a/docs/img/webapp_model_labels.png and b/docs/img/webapp_model_labels.png differ diff --git a/docs/img/webapp_model_labels_dark.png b/docs/img/webapp_model_labels_dark.png new file mode 100644 index 00000000..9f08eac5 Binary files /dev/null and b/docs/img/webapp_model_labels_dark.png differ diff --git a/docs/img/webapp_model_labels_edit.png b/docs/img/webapp_model_labels_edit.png index 888f4d1f..14cea905 100644 Binary files a/docs/img/webapp_model_labels_edit.png and b/docs/img/webapp_model_labels_edit.png differ diff --git a/docs/img/webapp_model_labels_edit_dark.png b/docs/img/webapp_model_labels_edit_dark.png new file mode 100644 index 00000000..2fa0969c Binary files /dev/null and b/docs/img/webapp_model_labels_edit_dark.png differ diff --git a/docs/img/webapp_model_lineage.png b/docs/img/webapp_model_lineage.png index fd07c6e4..8a9e7e9d 100644 Binary files a/docs/img/webapp_model_lineage.png and b/docs/img/webapp_model_lineage.png differ diff --git a/docs/img/webapp_model_lineage_dark.png b/docs/img/webapp_model_lineage_dark.png new file mode 100644 index 00000000..9b223947 Binary files /dev/null and b/docs/img/webapp_model_lineage_dark.png differ diff --git a/docs/img/webapp_model_metadata.png b/docs/img/webapp_model_metadata.png index 63d220bf..0779c1a9 100644 Binary files a/docs/img/webapp_model_metadata.png and b/docs/img/webapp_model_metadata.png differ diff --git a/docs/img/webapp_model_metadata_dark.png b/docs/img/webapp_model_metadata_dark.png new file mode 100644 index 00000000..7fa3c038 Binary files /dev/null and b/docs/img/webapp_model_metadata_dark.png differ diff --git a/docs/img/webapp_model_metadata_edit.png b/docs/img/webapp_model_metadata_edit.png index bf14d387..838cacd3 100644 Binary files a/docs/img/webapp_model_metadata_edit.png and b/docs/img/webapp_model_metadata_edit.png differ diff --git a/docs/img/webapp_model_metadata_edit_dark.png b/docs/img/webapp_model_metadata_edit_dark.png new file mode 100644 index 00000000..b18fd060 Binary files /dev/null and b/docs/img/webapp_model_metadata_edit_dark.png differ diff --git a/docs/img/webapp_model_network.png b/docs/img/webapp_model_network.png index 8e3a8892..c93e3564 100644 Binary files a/docs/img/webapp_model_network.png and b/docs/img/webapp_model_network.png differ diff --git a/docs/img/webapp_model_network_dark.png b/docs/img/webapp_model_network_dark.png new file mode 100644 index 00000000..433f0a67 Binary files /dev/null and b/docs/img/webapp_model_network_dark.png differ diff --git a/docs/img/webapp_model_plots.png b/docs/img/webapp_model_plots.png index c773f47d..aa836d62 100644 Binary files a/docs/img/webapp_model_plots.png and b/docs/img/webapp_model_plots.png differ diff --git a/docs/img/webapp_model_plots_dark.png b/docs/img/webapp_model_plots_dark.png new file mode 100644 index 00000000..3b2b7f6b Binary files /dev/null and b/docs/img/webapp_model_plots_dark.png differ diff --git a/docs/img/webapp_model_scalars.png b/docs/img/webapp_model_scalars.png index 911380d1..7cb02d5a 100644 Binary files a/docs/img/webapp_model_scalars.png and b/docs/img/webapp_model_scalars.png differ diff --git a/docs/img/webapp_model_scalars_dark.png b/docs/img/webapp_model_scalars_dark.png new file mode 100644 index 00000000..21fc7fb5 Binary files /dev/null and b/docs/img/webapp_model_scalars_dark.png differ diff --git a/docs/img/webapp_models_01.png b/docs/img/webapp_models_01.png index 4275c006..e583646a 100644 Binary files a/docs/img/webapp_models_01.png and b/docs/img/webapp_models_01.png differ diff --git a/docs/img/webapp_models_01_dark.png b/docs/img/webapp_models_01_dark.png new file mode 100644 index 00000000..0015d16b Binary files /dev/null and b/docs/img/webapp_models_01_dark.png differ diff --git a/docs/img/webapp_models_table_batch_operations.png b/docs/img/webapp_models_table_batch_operations.png index 0102521a..eb578f5f 100644 Binary files a/docs/img/webapp_models_table_batch_operations.png and b/docs/img/webapp_models_table_batch_operations.png differ diff --git a/docs/img/webapp_models_table_batch_operations_dark.png b/docs/img/webapp_models_table_batch_operations_dark.png new file mode 100644 index 00000000..1b4581fe Binary files /dev/null and b/docs/img/webapp_models_table_batch_operations_dark.png differ diff --git a/docs/img/webapp_orch_dash_resource_group_info.png b/docs/img/webapp_orch_dash_resource_group_info.png index ef20cebb..805f89fd 100644 Binary files a/docs/img/webapp_orch_dash_resource_group_info.png and b/docs/img/webapp_orch_dash_resource_group_info.png differ diff --git a/docs/img/webapp_orch_dash_resource_group_info_dark.png b/docs/img/webapp_orch_dash_resource_group_info_dark.png new file mode 100644 index 00000000..6fa941ff Binary files /dev/null and b/docs/img/webapp_orch_dash_resource_group_info_dark.png differ diff --git a/docs/img/webapp_orch_dash_resource_groups.png b/docs/img/webapp_orch_dash_resource_groups.png index 8d6ecf6a..0b4933ba 100644 Binary files a/docs/img/webapp_orch_dash_resource_groups.png and b/docs/img/webapp_orch_dash_resource_groups.png differ diff --git a/docs/img/webapp_orch_dash_resource_groups_dark.png b/docs/img/webapp_orch_dash_resource_groups_dark.png new file mode 100644 index 00000000..b6a53bce Binary files /dev/null and b/docs/img/webapp_orch_dash_resource_groups_dark.png differ diff --git a/docs/img/webapp_orch_dash_threshold_modal.png b/docs/img/webapp_orch_dash_threshold_modal.png index 06577a0d..7a97d252 100644 Binary files a/docs/img/webapp_orch_dash_threshold_modal.png and b/docs/img/webapp_orch_dash_threshold_modal.png differ diff --git a/docs/img/webapp_orch_dash_threshold_modal_dark.png b/docs/img/webapp_orch_dash_threshold_modal_dark.png new file mode 100644 index 00000000..7c73cf0c Binary files /dev/null and b/docs/img/webapp_orch_dash_threshold_modal_dark.png differ diff --git a/docs/img/webapp_orchestration_autoscalers.png b/docs/img/webapp_orchestration_autoscalers.png index 051a092c..21de7dc0 100644 Binary files a/docs/img/webapp_orchestration_autoscalers.png and b/docs/img/webapp_orchestration_autoscalers.png differ diff --git a/docs/img/webapp_orchestration_autoscalers_dark.png b/docs/img/webapp_orchestration_autoscalers_dark.png new file mode 100644 index 00000000..1eafd5ac Binary files /dev/null and b/docs/img/webapp_orchestration_autoscalers_dark.png differ diff --git a/docs/img/webapp_orchestration_dash.png b/docs/img/webapp_orchestration_dash.png index 212b307d..331c16b8 100644 Binary files a/docs/img/webapp_orchestration_dash.png and b/docs/img/webapp_orchestration_dash.png differ diff --git a/docs/img/webapp_orchestration_dash_dark.png b/docs/img/webapp_orchestration_dash_dark.png new file mode 100644 index 00000000..f8d8c83d Binary files /dev/null and b/docs/img/webapp_orchestration_dash_dark.png differ diff --git a/docs/img/webapp_pipeline_DAG.png b/docs/img/webapp_pipeline_DAG.png index ec196a8c..1bb75224 100644 Binary files a/docs/img/webapp_pipeline_DAG.png and b/docs/img/webapp_pipeline_DAG.png differ diff --git a/docs/img/webapp_pipeline_DAG_collapsed.png b/docs/img/webapp_pipeline_DAG_collapsed.png index 502e03ef..72f21f2c 100644 Binary files a/docs/img/webapp_pipeline_DAG_collapsed.png and b/docs/img/webapp_pipeline_DAG_collapsed.png differ diff --git a/docs/img/webapp_pipeline_DAG_collapsed_dark.png b/docs/img/webapp_pipeline_DAG_collapsed_dark.png new file mode 100644 index 00000000..c27b20a8 Binary files /dev/null and b/docs/img/webapp_pipeline_DAG_collapsed_dark.png differ diff --git a/docs/img/webapp_pipeline_DAG_dark.png b/docs/img/webapp_pipeline_DAG_dark.png new file mode 100644 index 00000000..8abe3920 Binary files /dev/null and b/docs/img/webapp_pipeline_DAG_dark.png differ diff --git a/docs/img/webapp_pipeline_card.png b/docs/img/webapp_pipeline_card.png index 69a59aff..4708ce5f 100644 Binary files a/docs/img/webapp_pipeline_card.png and b/docs/img/webapp_pipeline_card.png differ diff --git a/docs/img/webapp_pipeline_card_dark.png b/docs/img/webapp_pipeline_card_dark.png new file mode 100644 index 00000000..6b1defc9 Binary files /dev/null and b/docs/img/webapp_pipeline_card_dark.png differ diff --git a/docs/img/webapp_pipeline_context_menu.png b/docs/img/webapp_pipeline_context_menu.png index 7cb7bf1d..1155dd68 100644 Binary files a/docs/img/webapp_pipeline_context_menu.png and b/docs/img/webapp_pipeline_context_menu.png differ diff --git a/docs/img/webapp_pipeline_context_menu_dark.png b/docs/img/webapp_pipeline_context_menu_dark.png new file mode 100644 index 00000000..c983ba25 Binary files /dev/null and b/docs/img/webapp_pipeline_context_menu_dark.png differ diff --git a/docs/img/webapp_pipeline_new_run.png b/docs/img/webapp_pipeline_new_run.png index c9514e88..dbcc4a5b 100644 Binary files a/docs/img/webapp_pipeline_new_run.png and b/docs/img/webapp_pipeline_new_run.png differ diff --git a/docs/img/webapp_pipeline_new_run_dark.png b/docs/img/webapp_pipeline_new_run_dark.png new file mode 100644 index 00000000..ae003711 Binary files /dev/null and b/docs/img/webapp_pipeline_new_run_dark.png differ diff --git a/docs/img/webapp_pipeline_node.png b/docs/img/webapp_pipeline_node.png index 5f8bc346..2806f2c0 100644 Binary files a/docs/img/webapp_pipeline_node.png and b/docs/img/webapp_pipeline_node.png differ diff --git a/docs/img/webapp_pipeline_node_dark.png b/docs/img/webapp_pipeline_node_dark.png new file mode 100644 index 00000000..9a5d1f85 Binary files /dev/null and b/docs/img/webapp_pipeline_node_dark.png differ diff --git a/docs/img/webapp_pipeline_project_card.png b/docs/img/webapp_pipeline_project_card.png index 77ae1d8a..545a2d78 100644 Binary files a/docs/img/webapp_pipeline_project_card.png and b/docs/img/webapp_pipeline_project_card.png differ diff --git a/docs/img/webapp_pipeline_project_card_dark.png b/docs/img/webapp_pipeline_project_card_dark.png new file mode 100644 index 00000000..a65da15e Binary files /dev/null and b/docs/img/webapp_pipeline_project_card_dark.png differ diff --git a/docs/img/webapp_pipeline_run_info.png b/docs/img/webapp_pipeline_run_info.png index 3f0e811d..7b95355f 100644 Binary files a/docs/img/webapp_pipeline_run_info.png and b/docs/img/webapp_pipeline_run_info.png differ diff --git a/docs/img/webapp_pipeline_run_info_dark.png b/docs/img/webapp_pipeline_run_info_dark.png new file mode 100644 index 00000000..cd6d4f97 Binary files /dev/null and b/docs/img/webapp_pipeline_run_info_dark.png differ diff --git a/docs/img/webapp_pipeline_runs_table.png b/docs/img/webapp_pipeline_runs_table.png index e7a784a1..8c18e850 100644 Binary files a/docs/img/webapp_pipeline_runs_table.png and b/docs/img/webapp_pipeline_runs_table.png differ diff --git a/docs/img/webapp_pipeline_runs_table_dark.png b/docs/img/webapp_pipeline_runs_table_dark.png new file mode 100644 index 00000000..d3ab9102 Binary files /dev/null and b/docs/img/webapp_pipeline_runs_table_dark.png differ diff --git a/docs/img/webapp_pipeline_stage_card.png b/docs/img/webapp_pipeline_stage_card.png index f215fec3..387a9889 100644 Binary files a/docs/img/webapp_pipeline_stage_card.png and b/docs/img/webapp_pipeline_stage_card.png differ diff --git a/docs/img/webapp_pipeline_stage_card_dark.png b/docs/img/webapp_pipeline_stage_card_dark.png new file mode 100644 index 00000000..f215fec3 Binary files /dev/null and b/docs/img/webapp_pipeline_stage_card_dark.png differ diff --git a/docs/img/webapp_pipeline_stage_info.png b/docs/img/webapp_pipeline_stage_info.png index 14aba241..33124eaa 100644 Binary files a/docs/img/webapp_pipeline_stage_info.png and b/docs/img/webapp_pipeline_stage_info.png differ diff --git a/docs/img/webapp_pipeline_stage_info_dark.png b/docs/img/webapp_pipeline_stage_info_dark.png new file mode 100644 index 00000000..14aba241 Binary files /dev/null and b/docs/img/webapp_pipeline_stage_info_dark.png differ diff --git a/docs/img/webapp_pipeline_step_code.png b/docs/img/webapp_pipeline_step_code.png index 6c386d3f..23d5b0e1 100644 Binary files a/docs/img/webapp_pipeline_step_code.png and b/docs/img/webapp_pipeline_step_code.png differ diff --git a/docs/img/webapp_pipeline_step_code_dark.png b/docs/img/webapp_pipeline_step_code_dark.png new file mode 100644 index 00000000..0cbfa2f9 Binary files /dev/null and b/docs/img/webapp_pipeline_step_code_dark.png differ diff --git a/docs/img/webapp_pipeline_step_console.png b/docs/img/webapp_pipeline_step_console.png index 23571a0c..4a53c1ca 100644 Binary files a/docs/img/webapp_pipeline_step_console.png and b/docs/img/webapp_pipeline_step_console.png differ diff --git a/docs/img/webapp_pipeline_step_console_dark.png b/docs/img/webapp_pipeline_step_console_dark.png new file mode 100644 index 00000000..56fcdde5 Binary files /dev/null and b/docs/img/webapp_pipeline_step_console_dark.png differ diff --git a/docs/img/webapp_pipeline_step_debug.png b/docs/img/webapp_pipeline_step_debug.png index 13385004..44405bbf 100644 Binary files a/docs/img/webapp_pipeline_step_debug.png and b/docs/img/webapp_pipeline_step_debug.png differ diff --git a/docs/img/webapp_pipeline_step_debug_dark.png b/docs/img/webapp_pipeline_step_debug_dark.png new file mode 100644 index 00000000..bb64a37d Binary files /dev/null and b/docs/img/webapp_pipeline_step_debug_dark.png differ diff --git a/docs/img/webapp_pipeline_step_info.png b/docs/img/webapp_pipeline_step_info.png index ba7b0290..3677776f 100644 Binary files a/docs/img/webapp_pipeline_step_info.png and b/docs/img/webapp_pipeline_step_info.png differ diff --git a/docs/img/webapp_pipeline_step_info_dark.png b/docs/img/webapp_pipeline_step_info_dark.png new file mode 100644 index 00000000..92156e94 Binary files /dev/null and b/docs/img/webapp_pipeline_step_info_dark.png differ diff --git a/docs/img/webapp_pipeline_table.png b/docs/img/webapp_pipeline_table.png index ac7ffdf3..540362eb 100644 Binary files a/docs/img/webapp_pipeline_table.png and b/docs/img/webapp_pipeline_table.png differ diff --git a/docs/img/webapp_pipeline_table_dark.png b/docs/img/webapp_pipeline_table_dark.png new file mode 100644 index 00000000..8a481462 Binary files /dev/null and b/docs/img/webapp_pipeline_table_dark.png differ diff --git a/docs/img/webapp_pipeline_task_info.png b/docs/img/webapp_pipeline_task_info.png index 2fffa127..2f4e3f7d 100644 Binary files a/docs/img/webapp_pipeline_task_info.png and b/docs/img/webapp_pipeline_task_info.png differ diff --git a/docs/img/webapp_pipeline_task_info_dark.png b/docs/img/webapp_pipeline_task_info_dark.png new file mode 100644 index 00000000..9e5fec60 Binary files /dev/null and b/docs/img/webapp_pipeline_task_info_dark.png differ diff --git a/docs/img/webapp_pipelines_context_menu.png b/docs/img/webapp_pipelines_context_menu.png index 3276fde0..a7461d8f 100644 Binary files a/docs/img/webapp_pipelines_context_menu.png and b/docs/img/webapp_pipelines_context_menu.png differ diff --git a/docs/img/webapp_pipelines_context_menu_dark.png b/docs/img/webapp_pipelines_context_menu_dark.png new file mode 100644 index 00000000..be4ab057 Binary files /dev/null and b/docs/img/webapp_pipelines_context_menu_dark.png differ diff --git a/docs/img/webapp_project_card.png b/docs/img/webapp_project_card.png index 97c69804..58e710a1 100644 Binary files a/docs/img/webapp_project_card.png and b/docs/img/webapp_project_card.png differ diff --git a/docs/img/webapp_project_card_dark.png b/docs/img/webapp_project_card_dark.png new file mode 100644 index 00000000..cb063b1b Binary files /dev/null and b/docs/img/webapp_project_card_dark.png differ diff --git a/docs/img/webapp_project_page.png b/docs/img/webapp_project_page.png index b70d0f0e..598fd857 100644 Binary files a/docs/img/webapp_project_page.png and b/docs/img/webapp_project_page.png differ diff --git a/docs/img/webapp_project_page_dark.png b/docs/img/webapp_project_page_dark.png new file mode 100644 index 00000000..9d597141 Binary files /dev/null and b/docs/img/webapp_project_page_dark.png differ diff --git a/docs/img/webapp_projects_context_menu.png b/docs/img/webapp_projects_context_menu.png index 8f24d301..7b04d2cc 100644 Binary files a/docs/img/webapp_projects_context_menu.png and b/docs/img/webapp_projects_context_menu.png differ diff --git a/docs/img/webapp_projects_context_menu_dark.png b/docs/img/webapp_projects_context_menu_dark.png new file mode 100644 index 00000000..2917f67b Binary files /dev/null and b/docs/img/webapp_projects_context_menu_dark.png differ diff --git a/docs/img/webapp_projects_new_project.png b/docs/img/webapp_projects_new_project.png index 5fa31dc8..169c04f1 100644 Binary files a/docs/img/webapp_projects_new_project.png and b/docs/img/webapp_projects_new_project.png differ diff --git a/docs/img/webapp_projects_new_project_dark.png b/docs/img/webapp_projects_new_project_dark.png new file mode 100644 index 00000000..b2905df7 Binary files /dev/null and b/docs/img/webapp_projects_new_project_dark.png differ diff --git a/docs/img/webapp_report.png b/docs/img/webapp_report.png index 68ee9bc8..1cbf02df 100644 Binary files a/docs/img/webapp_report.png and b/docs/img/webapp_report.png differ diff --git a/docs/img/webapp_report_card.png b/docs/img/webapp_report_card.png index a49c4843..7087d884 100644 Binary files a/docs/img/webapp_report_card.png and b/docs/img/webapp_report_card.png differ diff --git a/docs/img/webapp_report_card_context_menu.png b/docs/img/webapp_report_card_context_menu.png index 60d067d5..ca52dcbd 100644 Binary files a/docs/img/webapp_report_card_context_menu.png and b/docs/img/webapp_report_card_context_menu.png differ diff --git a/docs/img/webapp_report_card_context_menu_dark.png b/docs/img/webapp_report_card_context_menu_dark.png new file mode 100644 index 00000000..9b8ff511 Binary files /dev/null and b/docs/img/webapp_report_card_context_menu_dark.png differ diff --git a/docs/img/webapp_report_card_dark.png b/docs/img/webapp_report_card_dark.png new file mode 100644 index 00000000..45bd61ee Binary files /dev/null and b/docs/img/webapp_report_card_dark.png differ diff --git a/docs/img/webapp_report_dark.png b/docs/img/webapp_report_dark.png new file mode 100644 index 00000000..2e3ff5a7 Binary files /dev/null and b/docs/img/webapp_report_dark.png differ diff --git a/docs/img/webapp_report_new_report.png b/docs/img/webapp_report_new_report.png index 0cce0063..50188854 100644 Binary files a/docs/img/webapp_report_new_report.png and b/docs/img/webapp_report_new_report.png differ diff --git a/docs/img/webapp_report_new_report_dark.png b/docs/img/webapp_report_new_report_dark.png new file mode 100644 index 00000000..e9f72cea Binary files /dev/null and b/docs/img/webapp_report_new_report_dark.png differ diff --git a/docs/img/webapp_report_page.png b/docs/img/webapp_report_page.png index c6153a21..65e673d8 100644 Binary files a/docs/img/webapp_report_page.png and b/docs/img/webapp_report_page.png differ diff --git a/docs/img/webapp_report_page_dark.png b/docs/img/webapp_report_page_dark.png new file mode 100644 index 00000000..168f1959 Binary files /dev/null and b/docs/img/webapp_report_page_dark.png differ diff --git a/docs/img/webapp_report_project_card.png b/docs/img/webapp_report_project_card.png index 6e7cfe4e..eac46dee 100644 Binary files a/docs/img/webapp_report_project_card.png and b/docs/img/webapp_report_project_card.png differ diff --git a/docs/img/webapp_report_project_card_dark.png b/docs/img/webapp_report_project_card_dark.png new file mode 100644 index 00000000..c2fe88f6 Binary files /dev/null and b/docs/img/webapp_report_project_card_dark.png differ diff --git a/docs/img/webapp_reset.png b/docs/img/webapp_reset.png index bff84115..5a4df3a1 100644 Binary files a/docs/img/webapp_reset.png and b/docs/img/webapp_reset.png differ diff --git a/docs/img/webapp_reset_dark.png b/docs/img/webapp_reset_dark.png new file mode 100644 index 00000000..31bfe1cb Binary files /dev/null and b/docs/img/webapp_reset_dark.png differ diff --git a/docs/img/webapp_settings_storage_credentials.png b/docs/img/webapp_settings_storage_credentials.png index cacc99cc..f5cae25b 100644 Binary files a/docs/img/webapp_settings_storage_credentials.png and b/docs/img/webapp_settings_storage_credentials.png differ diff --git a/docs/img/webapp_settings_storage_credentials_dark.png b/docs/img/webapp_settings_storage_credentials_dark.png new file mode 100644 index 00000000..83396713 Binary files /dev/null and b/docs/img/webapp_settings_storage_credentials_dark.png differ diff --git a/docs/img/webapp_single_scalar_plot.png b/docs/img/webapp_single_scalar_plot.png index 4fdf65b0..77b1184f 100644 Binary files a/docs/img/webapp_single_scalar_plot.png and b/docs/img/webapp_single_scalar_plot.png differ diff --git a/docs/img/webapp_single_scalar_plot_dark.png b/docs/img/webapp_single_scalar_plot_dark.png new file mode 100644 index 00000000..4f4de26d Binary files /dev/null and b/docs/img/webapp_single_scalar_plot_dark.png differ diff --git a/docs/img/webapp_sub_project_card.png b/docs/img/webapp_sub_project_card.png index 7c348364..2335e0d8 100644 Binary files a/docs/img/webapp_sub_project_card.png and b/docs/img/webapp_sub_project_card.png differ diff --git a/docs/img/webapp_sub_project_card_dark.png b/docs/img/webapp_sub_project_card_dark.png new file mode 100644 index 00000000..95cb75ca Binary files /dev/null and b/docs/img/webapp_sub_project_card_dark.png differ diff --git a/docs/img/webapp_tracking_21.png b/docs/img/webapp_tracking_21.png index 9c3f191a..95aa48ff 100644 Binary files a/docs/img/webapp_tracking_21.png and b/docs/img/webapp_tracking_21.png differ diff --git a/docs/img/webapp_tracking_21_dark.png b/docs/img/webapp_tracking_21_dark.png new file mode 100644 index 00000000..69af678d Binary files /dev/null and b/docs/img/webapp_tracking_21_dark.png differ diff --git a/docs/img/webapp_tracking_22.png b/docs/img/webapp_tracking_22.png index 6793c8e3..b3773438 100644 Binary files a/docs/img/webapp_tracking_22.png and b/docs/img/webapp_tracking_22.png differ diff --git a/docs/img/webapp_tracking_22_dark.png b/docs/img/webapp_tracking_22_dark.png new file mode 100644 index 00000000..2eaed400 Binary files /dev/null and b/docs/img/webapp_tracking_22_dark.png differ diff --git a/docs/img/webapp_tracking_23.png b/docs/img/webapp_tracking_23.png index 47b7676d..10eb5452 100644 Binary files a/docs/img/webapp_tracking_23.png and b/docs/img/webapp_tracking_23.png differ diff --git a/docs/img/webapp_tracking_23_dark.png b/docs/img/webapp_tracking_23_dark.png new file mode 100644 index 00000000..b6a6962d Binary files /dev/null and b/docs/img/webapp_tracking_23_dark.png differ diff --git a/docs/img/webapp_tracking_24.png b/docs/img/webapp_tracking_24.png index f70f0e82..830ab1d4 100644 Binary files a/docs/img/webapp_tracking_24.png and b/docs/img/webapp_tracking_24.png differ diff --git a/docs/img/webapp_tracking_24_dark.png b/docs/img/webapp_tracking_24_dark.png new file mode 100644 index 00000000..7570e933 Binary files /dev/null and b/docs/img/webapp_tracking_24_dark.png differ diff --git a/docs/img/webapp_tracking_25.png b/docs/img/webapp_tracking_25.png index 593afcc6..862a0836 100644 Binary files a/docs/img/webapp_tracking_25.png and b/docs/img/webapp_tracking_25.png differ diff --git a/docs/img/webapp_tracking_25_dark.png b/docs/img/webapp_tracking_25_dark.png new file mode 100644 index 00000000..db3ac019 Binary files /dev/null and b/docs/img/webapp_tracking_25_dark.png differ diff --git a/docs/img/webapp_tracking_26.png b/docs/img/webapp_tracking_26.png index 3d0612a3..b716e9bc 100644 Binary files a/docs/img/webapp_tracking_26.png and b/docs/img/webapp_tracking_26.png differ diff --git a/docs/img/webapp_tracking_26_dark.png b/docs/img/webapp_tracking_26_dark.png new file mode 100644 index 00000000..9252b071 Binary files /dev/null and b/docs/img/webapp_tracking_26_dark.png differ diff --git a/docs/img/webapp_tracking_28.png b/docs/img/webapp_tracking_28.png index 93394286..47b2c818 100644 Binary files a/docs/img/webapp_tracking_28.png and b/docs/img/webapp_tracking_28.png differ diff --git a/docs/img/webapp_tracking_28_dark.png b/docs/img/webapp_tracking_28_dark.png new file mode 100644 index 00000000..2e15875b Binary files /dev/null and b/docs/img/webapp_tracking_28_dark.png differ diff --git a/docs/img/webapp_tracking_30.png b/docs/img/webapp_tracking_30.png index 57d99a3c..efc1edb0 100644 Binary files a/docs/img/webapp_tracking_30.png and b/docs/img/webapp_tracking_30.png differ diff --git a/docs/img/webapp_tracking_30_dark.png b/docs/img/webapp_tracking_30_dark.png new file mode 100644 index 00000000..de3732b0 Binary files /dev/null and b/docs/img/webapp_tracking_30_dark.png differ diff --git a/docs/img/webapp_tracking_31.png b/docs/img/webapp_tracking_31.png index f333d8be..3cf9110b 100644 Binary files a/docs/img/webapp_tracking_31.png and b/docs/img/webapp_tracking_31.png differ diff --git a/docs/img/webapp_tracking_31_dark.png b/docs/img/webapp_tracking_31_dark.png new file mode 100644 index 00000000..6faabda2 Binary files /dev/null and b/docs/img/webapp_tracking_31_dark.png differ diff --git a/docs/img/webapp_tracking_32.png b/docs/img/webapp_tracking_32.png index 32f579e0..de2ae8a0 100644 Binary files a/docs/img/webapp_tracking_32.png and b/docs/img/webapp_tracking_32.png differ diff --git a/docs/img/webapp_tracking_32_dark.png b/docs/img/webapp_tracking_32_dark.png new file mode 100644 index 00000000..3b1c5b54 Binary files /dev/null and b/docs/img/webapp_tracking_32_dark.png differ diff --git a/docs/img/webapp_tracking_33_dark.png b/docs/img/webapp_tracking_33_dark.png new file mode 100644 index 00000000..37f1e416 Binary files /dev/null and b/docs/img/webapp_tracking_33_dark.png differ diff --git a/docs/img/webapp_tracking_34_dark.png b/docs/img/webapp_tracking_34_dark.png new file mode 100644 index 00000000..a5dfc91d Binary files /dev/null and b/docs/img/webapp_tracking_34_dark.png differ diff --git a/docs/img/webapp_tracking_34a.png b/docs/img/webapp_tracking_34a.png index 87f033f2..8847eed6 100644 Binary files a/docs/img/webapp_tracking_34a.png and b/docs/img/webapp_tracking_34a.png differ diff --git a/docs/img/webapp_tracking_34a_dark.png b/docs/img/webapp_tracking_34a_dark.png new file mode 100644 index 00000000..114f6c29 Binary files /dev/null and b/docs/img/webapp_tracking_34a_dark.png differ diff --git a/docs/img/webapp_tracking_34b_dark.png b/docs/img/webapp_tracking_34b_dark.png new file mode 100644 index 00000000..eaf78609 Binary files /dev/null and b/docs/img/webapp_tracking_34b_dark.png differ diff --git a/docs/img/webapp_tracking_35.png b/docs/img/webapp_tracking_35.png index ca4422a4..fe7ba420 100644 Binary files a/docs/img/webapp_tracking_35.png and b/docs/img/webapp_tracking_35.png differ diff --git a/docs/img/webapp_tracking_35_dark.png b/docs/img/webapp_tracking_35_dark.png new file mode 100644 index 00000000..eba4d1df Binary files /dev/null and b/docs/img/webapp_tracking_35_dark.png differ diff --git a/docs/img/webapp_tracking_35a.png b/docs/img/webapp_tracking_35a.png index d1ec5f5a..dec75406 100644 Binary files a/docs/img/webapp_tracking_35a.png and b/docs/img/webapp_tracking_35a.png differ diff --git a/docs/img/webapp_tracking_35a_dark.png b/docs/img/webapp_tracking_35a_dark.png new file mode 100644 index 00000000..b2eacdf1 Binary files /dev/null and b/docs/img/webapp_tracking_35a_dark.png differ diff --git a/docs/img/webapp_tracking_40.png b/docs/img/webapp_tracking_40.png index fc2ecf08..01472271 100644 Binary files a/docs/img/webapp_tracking_40.png and b/docs/img/webapp_tracking_40.png differ diff --git a/docs/img/webapp_tracking_40_dark.png b/docs/img/webapp_tracking_40_dark.png new file mode 100644 index 00000000..590922b8 Binary files /dev/null and b/docs/img/webapp_tracking_40_dark.png differ diff --git a/docs/img/webapp_tracking_41.png b/docs/img/webapp_tracking_41.png index efc4a28f..515cfa43 100644 Binary files a/docs/img/webapp_tracking_41.png and b/docs/img/webapp_tracking_41.png differ diff --git a/docs/img/webapp_tracking_41_dark.png b/docs/img/webapp_tracking_41_dark.png new file mode 100644 index 00000000..26829d00 Binary files /dev/null and b/docs/img/webapp_tracking_41_dark.png differ diff --git a/docs/img/webapp_tracking_43.png b/docs/img/webapp_tracking_43.png index fc3921f2..2289c384 100644 Binary files a/docs/img/webapp_tracking_43.png and b/docs/img/webapp_tracking_43.png differ diff --git a/docs/img/webapp_tracking_43_dark.png b/docs/img/webapp_tracking_43_dark.png new file mode 100644 index 00000000..d0b0097f Binary files /dev/null and b/docs/img/webapp_tracking_43_dark.png differ diff --git a/docs/img/webapp_tracking_44.png b/docs/img/webapp_tracking_44.png index f4f83a8a..ad579863 100644 Binary files a/docs/img/webapp_tracking_44.png and b/docs/img/webapp_tracking_44.png differ diff --git a/docs/img/webapp_tracking_44_dark.png b/docs/img/webapp_tracking_44_dark.png new file mode 100644 index 00000000..c770729c Binary files /dev/null and b/docs/img/webapp_tracking_44_dark.png differ diff --git a/docs/img/webapp_workers_queues_context.png b/docs/img/webapp_workers_queues_context.png index 4d5b1773..91340cb0 100644 Binary files a/docs/img/webapp_workers_queues_context.png and b/docs/img/webapp_workers_queues_context.png differ diff --git a/docs/img/webapp_workers_queues_context_dark.png b/docs/img/webapp_workers_queues_context_dark.png new file mode 100644 index 00000000..c5c56a45 Binary files /dev/null and b/docs/img/webapp_workers_queues_context_dark.png differ diff --git a/docs/img/workers_queues_experiment_actions.png b/docs/img/workers_queues_experiment_actions.png index de1db069..e050d87f 100644 Binary files a/docs/img/workers_queues_experiment_actions.png and b/docs/img/workers_queues_experiment_actions.png differ diff --git a/docs/img/workers_queues_experiment_actions_dark.png b/docs/img/workers_queues_experiment_actions_dark.png new file mode 100644 index 00000000..ceab4a81 Binary files /dev/null and b/docs/img/workers_queues_experiment_actions_dark.png differ diff --git a/docs/webapp/applications/apps_dashboard.md b/docs/webapp/applications/apps_dashboard.md index abb7d05d..e993bd26 100644 --- a/docs/webapp/applications/apps_dashboard.md +++ b/docs/webapp/applications/apps_dashboard.md @@ -38,7 +38,8 @@ of the chosen metric over time. * **Export Configuration** - Export the app instance configuration as a JSON file, which you can later import to create a new instance with the same configuration. -![Dashboard app instance launch form](../../img/apps_dashboard_wizard.png) +![Dashboard app instance launch form](../../img/apps_dashboard_wizard.png#light-mode-only) +![Dashboard app instance launch form](../../img/apps_dashboard_wizard_dark.png#dark-mode-only) ## Dashboard @@ -62,4 +63,5 @@ external tools (e.g. Notion). Hover over the plot and click Magnifying glass to quickly find an app instance by name. -![App format](../../img/apps_format_overview.png) +![App format](../../img/apps_format_overview.png#light-mode-only) +![App format](../../img/apps_format_overview_dark.png#dark-mode-only) ## Launching an App Instance @@ -76,7 +78,12 @@ The prefilled instance launch form can be edited before starting the new app ins ## App Instance Actions Access app instance actions, by right-clicking an instance, or through the menu button Dot menu (available on hover). -![App context menu](../../img/app_context_menu.png) +
+ +![App context menu](../../img/app_context_menu.png#light-mode-only) +![App context menu](../../img/app_context_menu_dark.png#dark-mode-only) + +
* **Rename** - Rename the instance * **Configuration** - View an instance's configuration @@ -91,7 +98,12 @@ Access app instance actions, by right-clicking an instance, or through the menu Access the instance list actions by clicking the action menu (Dot menu) on the instance list header: -![Instance list actions](../../img/apps_instance_list_actions.png) +
+ +![Instance list actions](../../img/apps_instance_list_actions.png#light-mode-only) +![Instance list actions](../../img/apps_instance_list_actions_dark.png#dark-mode-only) + +
* **Import Configuration** - Import an app instance's configuration file. This opens the app instance launch form prefilled according to the imported file. You can modify the configuration before launching the instance. diff --git a/docs/webapp/applications/apps_ssh_session.md b/docs/webapp/applications/apps_ssh_session.md index 583cf39b..d38cd5ee 100644 --- a/docs/webapp/applications/apps_ssh_session.md +++ b/docs/webapp/applications/apps_ssh_session.md @@ -41,7 +41,8 @@ Once you have launched an app instance, you can view the following information i * GPU memory usage * Console - The console log shows the instance's activity, including session setup progress and SSH server status changes -![SSH Session Dashboard](../../img/apps_ssh_session_dashboard.png) +![SSH Session Dashboard](../../img/apps_ssh_session_dashboard.png#light-mode-only) +![SSH Session Dashboard](../../img/apps_ssh_session_dashboard_dark.png#dark-mode-only) ## SSH Session Instance Configuration @@ -92,4 +93,5 @@ closed and restored into a new instance when the session app instance is cloned * **Export Configuration** - Export the app instance configuration as a JSON file, which you can later import to create a new instance with the same configuration -![SSH Session form](../../img/apps_ssh_session_wizard.png) \ No newline at end of file +![SSH Session form](../../img/apps_ssh_session_wizard.png#light-mode-only) +![SSH Session form](../../img/apps_ssh_session_wizard_dark.png#dark-mode-only) \ No newline at end of file diff --git a/docs/webapp/applications/apps_task_scheduler.md b/docs/webapp/applications/apps_task_scheduler.md index 1eb6223a..8d6d4129 100644 --- a/docs/webapp/applications/apps_task_scheduler.md +++ b/docs/webapp/applications/apps_task_scheduler.md @@ -33,14 +33,16 @@ times. * **Export Configuration** - Export the app instance configuration as a JSON file, which you can later import to create a new instance with the same configuration -![TaskScheduler instance launch form](../../img/apps_taskscheduler_wizard.png) +![TaskScheduler instance launch form](../../img/apps_taskscheduler_wizard.png#light-mode-only) +![TaskScheduler instance launch form](../../img/apps_taskscheduler_wizard_dark.png#dark-mode-only) ## Dashboard Once a Task Scheduler instance is launched, the dashboard displays a summary of the scheduled tasks. -![TaskScheduler dashboard](../../img/apps_taskscheduler_dashboard.png) +![TaskScheduler dashboard](../../img/apps_taskscheduler_dashboard.png#light-mode-only) +![TaskScheduler dashboard](../../img/apps_taskscheduler_dashboard_dark.png#dark-mode-only) The Task Scheduler dashboard shows: * Scheduled Tasks - Table of tasks scheduled for execution. The table displays the ID of the task scheduled for execution, @@ -49,12 +51,15 @@ The Task Scheduler dashboard shows: scheduled to be launched daily (`day=1`) at 06:20 UTC (`minute=20, hour=6`). The task in the third row is scheduled to be launched every month (`month=1`) on the 15th at 12:00 UTC (`day=15, hour=12`). - ![TaskScheduler scheduler tasks](../../img/apps_taskscheduler_scheduled_tasks.png) + ![TaskScheduler scheduler tasks](../../img/apps_taskscheduler_scheduled_tasks.png#light-mode-only) + ![TaskScheduler scheduler tasks](../../img/apps_taskscheduler_scheduled_tasks_dark.png#dark-mode-only) + * Executed Tasks - Table of tasks that have been executed. The table displays the `started` time, which is the time the task was enqueued, and its `finished` time, which is the time the task's execution was completed. If it says `None`, under the `finished` column, the task has not yet completed its execution. - ![TaskScheduler executed tasks](../../img/apps_taskscheduler_executed_tasks.png) + ![TaskScheduler executed tasks](../../img/apps_taskscheduler_executed_tasks.png#light-mode-only) + ![TaskScheduler executed tasks](../../img/apps_taskscheduler_executed_tasks_dark.png#dark-mode-only) * Scheduler Log - Application console log containing everything printed to stdout and stderr. The log includes when the scheduler syncs, and when it launches tasks for execution. diff --git a/docs/webapp/applications/apps_trigger_manager.md b/docs/webapp/applications/apps_trigger_manager.md index f4bdb4d1..02c49362 100644 --- a/docs/webapp/applications/apps_trigger_manager.md +++ b/docs/webapp/applications/apps_trigger_manager.md @@ -52,11 +52,13 @@ The app monitors your workspace for trigger events and will launch copies of the * **Export Configuration** - Export the app instance configuration as a JSON file, which you can later import to create a new instance with the same configuration -![Trigger manager instance launch form](../../img/apps_trigger_manager_wizard.png) +![Trigger manager instance launch form](../../img/apps_trigger_manager_wizard.png#light-mode-only) +![Trigger manager instance launch form](../../img/apps_trigger_manager_wizard_dark.png#dark-mode-only) ## Dashboard The Trigger Manager app instance's dashboard displays its console log. The log shows the instance's activity: periodic polling, and events triggered -![Trigger dashboard](../../img/apps_trigger_manager_dashboard.png) \ No newline at end of file +![Trigger dashboard](../../img/apps_trigger_manager_dashboard.png#light-mode-only) +![Trigger dashboard](../../img/apps_trigger_manager_dashboard_dark.png#dark-mode-only) \ No newline at end of file diff --git a/docs/webapp/applications/apps_vscode.md b/docs/webapp/applications/apps_vscode.md index 9ed9b573..277683f2 100644 --- a/docs/webapp/applications/apps_vscode.md +++ b/docs/webapp/applications/apps_vscode.md @@ -25,7 +25,8 @@ Once you have launched an app instance, you can view the following information i * Server's resources monitoring (CPU / GPU / vMem utilization) * Console - The console log shows the instance's activity, including server setup progress, server status changes -![VS Code Dashboard](../../img/apps_vs_code.png) +![VS Code Dashboard](../../img/apps_vs_code.png#light-mode-only) +![VS Code Dashboard](../../img/apps_vs_code_dark.png#dark-mode-only) ## VS Code App Instance Configuration When configuring a new VS Code instance, you can fill in the required parameters or reuse the configuration of diff --git a/docs/webapp/datasets/webapp_dataset_page.md b/docs/webapp/datasets/webapp_dataset_page.md index 7b5a5d20..4876a909 100644 --- a/docs/webapp/datasets/webapp_dataset_page.md +++ b/docs/webapp/datasets/webapp_dataset_page.md @@ -25,7 +25,8 @@ Filter the datasets to find the one you're looking for more easily. These filter respectively. These options appear on the top of the tag list. * Filter by the absence of a tag (logical "NOT") by clicking its checkbox twice. An X will appear in the tag's checkbox. -![Dataset page](../../img/webapp_dataset_page.png) +![Dataset page](../../img/webapp_dataset_page.png#light-mode-only) +![Dataset page](../../img/webapp_dataset_page_dark.png#dark-mode-only) ## Project Cards @@ -33,7 +34,8 @@ In Project view, project cards display a project's summarized dataset informatio
-![Project card](../../img/webapp_dataset_project_card.png) +![Project card](../../img/webapp_dataset_project_card.png#light-mode-only) +![Project card](../../img/webapp_dataset_project_card_dark.png#dark-mode-only)
@@ -51,7 +53,8 @@ In List view, the dataset cards display summarized dataset information:
-![Dataset card](../../img/webapp_dataset_card.png) +![Dataset card](../../img/webapp_dataset_card.png#light-mode-only) +![Dataset card](../../img/webapp_dataset_card_dark.png#dark-mode-only)
@@ -70,7 +73,8 @@ of a dataset card to open its context menu and access dataset actions.
-![Dataset context menu](../../img/webapp_dataset_card_context_menu.png) +![Dataset context menu](../../img/webapp_dataset_card_context_menu.png#light-mode-only) +![Dataset context menu](../../img/webapp_dataset_card_context_menu_dark.png#dark-mode-only)
diff --git a/docs/webapp/datasets/webapp_dataset_viewing.md b/docs/webapp/datasets/webapp_dataset_viewing.md index ada1a7ab..61196324 100644 --- a/docs/webapp/datasets/webapp_dataset_viewing.md +++ b/docs/webapp/datasets/webapp_dataset_viewing.md @@ -10,13 +10,15 @@ Datasets created with earlier versions of `clearml` are available in their origi The dataset page lists the dataset's versions. For a selected version, the **Dataset Version Panel** shows its lineage in graph form. -![Dataset lineage](../../img/webapp_dataset_lineage.png) +![Dataset lineage](../../img/webapp_dataset_lineage.png#light-mode-only) +![Dataset lineage](../../img/webapp_dataset_lineage_dark.png#dark-mode-only) Each node in the graph represents a dataset version, and shows the following details:
-![Dataset node info](../../img/webapp_dataset_node.png) +![Dataset node info](../../img/webapp_dataset_node.png#light-mode-only) +![Dataset node info](../../img/webapp_dataset_node_dark.png#dark-mode-only)
@@ -61,13 +63,15 @@ On the right side of the dataset version panel, view the **VERSION INFO** which
-![Version info](../../img/webapp_dataset_version_info.png) +![Version info](../../img/webapp_dataset_version_info.png#light-mode-only) +![Version info](../../img/webapp_dataset_version_info_dark.png#dark-mode-only)
To view a version's detailed information, click **Full details**, which will open the dataset version's [task page](../webapp_exp_track_visual.md). -![Dataset task info](../../img/webapp_dataset_task_page.png) +![Dataset task info](../../img/webapp_dataset_task_page.png#light-mode-only) +![Dataset task info](../../img/webapp_dataset_task_page_dark.png#dark-mode-only) To view the information for any version in the lineage graph, click its node, and the **VERSION INFO** panel displays that version's details. @@ -78,15 +82,18 @@ Click on **DETAILS** on the top left of the info panel or hover over a version n to view the version's details panel. The panel includes three tabs: * **CONTENT** - Table summarizing version contents, including file names, file sizes, and hashes - ![content](../../img/webapp_dataset_content.png) + ![content](../../img/webapp_dataset_content.png#light-mode-only) + ![content](../../img/webapp_dataset_content_dark.png#dark-mode-only) * **PREVIEW** - A preview of the dataset version's contents. - ![preview](../../img/webapp_dataset_preview.png) + ![preview](../../img/webapp_dataset_preview.png#light-mode-only) + ![preview](../../img/webapp_dataset_preview_dark.png#dark-mode-only) * **CONSOLE** - The dataset version's console output - ![console](../../img/webapp_dataset_console.png) + ![console](../../img/webapp_dataset_console.png#light-mode-only) + ![console](../../img/webapp_dataset_console_dark.png#dark-mode-only) Click Expand on the content panel header to view the panel in full screen. @@ -103,7 +110,8 @@ Access these actions with the context menu by right-clicking a version on the da |Restore|Action available in the archive. Restore a version to the active dataset versions table.| |Delete| Delete an archived version and its artifacts. This action is available only from the dataset's archive. | -![Dataset actions](../../img/webapp_dataset_actions.png) +![Dataset actions](../../img/webapp_dataset_actions.png#light-mode-only) +![Dataset actions](../../img/webapp_dataset_actions_dark.png#dark-mode-only) The actions mentioned in the chart above can be performed on multiple versions at once. [Select multiple versions](#selecting-multiple-versions), then use either the context menu, or the bar that appears at the bottom of the page, to perform operations on the diff --git a/docs/webapp/pipelines/webapp_pipeline_page.md b/docs/webapp/pipelines/webapp_pipeline_page.md index 32480b15..300c65a5 100644 --- a/docs/webapp/pipelines/webapp_pipeline_page.md +++ b/docs/webapp/pipelines/webapp_pipeline_page.md @@ -21,14 +21,16 @@ Filter the pipelines to find the one you're looking for more easily. These filte * Filter by the absence of a tag (logical "NOT") by clicking its checkbox twice. An X will appear in the tag's checkbox. -![Pipelines page](../../img/webapp_pipeline_table.png) +![Pipelines page](../../img/webapp_pipeline_table.png#light-mode-only) +![Pipelines page](../../img/webapp_pipeline_table_dark.png#dark-mode-only) ## Project Cards In Project view, project cards display a project's summarized pipeline information:
-![Pipeline project card](../../img/webapp_pipeline_project_card.png) +![Pipeline project card](../../img/webapp_pipeline_project_card.png#light-mode-only) +![Pipeline project card](../../img/webapp_pipeline_project_card_dark.png#dark-mode-only)
@@ -41,7 +43,8 @@ In List view, the pipeline cards display summarized pipeline information:
-![Pipeline card](../../img/webapp_pipeline_card.png) +![Pipeline card](../../img/webapp_pipeline_card.png#light-mode-only) +![Pipeline card](../../img/webapp_pipeline_card_dark.png#dark-mode-only)
@@ -58,7 +61,8 @@ of a pipeline card to open its context menu and access pipeline actions.
-![Project context menu](../../img/webapp_pipeline_context_menu.png) +![Project context menu](../../img/webapp_pipeline_context_menu.png#light-mode-only) +![Project context menu](../../img/webapp_pipeline_context_menu_dark.png#dark-mode-only)
diff --git a/docs/webapp/pipelines/webapp_pipeline_table.md b/docs/webapp/pipelines/webapp_pipeline_table.md index 364e7bd4..518a48e3 100644 --- a/docs/webapp/pipelines/webapp_pipeline_table.md +++ b/docs/webapp/pipelines/webapp_pipeline_table.md @@ -26,7 +26,8 @@ and choosing one of these options: The downloaded data consists of the currently displayed table columns. -![Pipeline runs table](../../img/webapp_pipeline_runs_table.png) +![Pipeline runs table](../../img/webapp_pipeline_runs_table.png#light-mode-only) +![Pipeline runs table](../../img/webapp_pipeline_runs_table_dark.png#dark-mode-only) ## Run Table Columns @@ -98,7 +99,8 @@ you can set the run's parameters. By default, the fields are pre-filled with the Click **Advanced configurations** to change the run's execution queue. -![New run modal](../../img/webapp_pipeline_new_run.png) +![New run modal](../../img/webapp_pipeline_new_run.png#light-mode-only) +![New run modal](../../img/webapp_pipeline_new_run_dark.png#dark-mode-only) After clicking **RUN**, the new pipeline run is enqueued in the specified queue, and the run is added to the pipeline run table. @@ -125,7 +127,8 @@ Access these actions with the context menu in any of the following ways:
-![pipeline run context menu](../../img/webapp_pipelines_context_menu.png) +![pipeline run context menu](../../img/webapp_pipelines_context_menu.png#light-mode-only) +![pipeline run context menu](../../img/webapp_pipelines_context_menu_dark.png#dark-mode-only)
@@ -157,12 +160,14 @@ In the dropdown menu, select to view **Scalars** or **Plots**. **Scalars** shows pipeline run scalar results as time series line graphs. -![Scalar line graphs](../../img/pipelines_comparison_scalars.png) +![Scalar line graphs](../../img/pipelines_comparison_scalars.png#light-mode-only) +![Scalar line graphs](../../img/pipelines_comparison_scalars_dark.png#dark-mode-only) All single value scalars are plotted into a single clustered bar chart under the "Summary" title, where each cluster represents a reported metric, and each bar in the cluster represents an experiment. -![Single scalar comparison](../../img/pipelines_comparison_single_scalar.png) +![Single scalar comparison](../../img/pipelines_comparison_single_scalar.png#light-mode-only) +![Single scalar comparison](../../img/pipelines_comparison_single_scalar_dark.png#dark-mode-only) Click Setting Gear to customize which metrics to view. @@ -174,11 +179,13 @@ In the **Scalars** view, click T Line, scatter, box, and bar graphs are compared by overlaying each metric/variant from all compared runs' into a single comparative plot. -![Merged plots](../../img/pipelines_comparison_plots_merged.png) +![Merged plots](../../img/pipelines_comparison_plots_merged.png#light-mode-only) +![Merged plots](../../img/pipelines_comparison_plots_merged_dark.png#dark-mode-only) Other plot types are displayed separately for each run. -![Side-by-side plots](../../img/pipelines_comparison_plots.png) +![Side-by-side plots](../../img/pipelines_comparison_plots.png#light-mode-only) +![Side-by-side plots](../../img/pipelines_comparison_plots_dark.png#dark-mode-only) ### Run Details Comparison diff --git a/docs/webapp/pipelines/webapp_pipeline_viewing.md b/docs/webapp/pipelines/webapp_pipeline_viewing.md index 5b65e684..7493e799 100644 --- a/docs/webapp/pipelines/webapp_pipeline_viewing.md +++ b/docs/webapp/pipelines/webapp_pipeline_viewing.md @@ -5,11 +5,13 @@ title: Pipeline Run Details The run details panel shows the pipeline's structure and the execution status of every step, as well as the run's configuration parameters and output. -![Pipeline structure](../../img/webapp_pipeline_DAG.png) +![Pipeline structure](../../img/webapp_pipeline_DAG.png#light-mode-only) +![Pipeline structure](../../img/webapp_pipeline_DAG_dark.png#dark-mode-only) Each step shows: -![Pipeline step info](../../img/webapp_pipeline_node.png) +![Pipeline step info](../../img/webapp_pipeline_node.png#light-mode-only) +![Pipeline step info](../../img/webapp_pipeline_node_dark.png#dark-mode-only) * Step name * Step status @@ -25,15 +27,15 @@ Steps that were set into the same stage when created, are grouped into stages in In stages view, click`Expand Stages` to view the complete pipeline DAG with all steps visible. In the detailed view, click `Collapse Stages` to view the pipeline DAG outline with the same stage steps grouped into a single stage. -![Pipeline structure in stages](../../img/webapp_pipeline_DAG_collapsed.png) - - +![Pipeline structure in stages](../../img/webapp_pipeline_DAG_collapsed.png#light-mode-only) +![Pipeline structure in stages](../../img/webapp_pipeline_DAG_collapsed_dark.png#dark-mode-only) In the collapsed view, each stage displays: <div class= -![Pipeline stage card](../../img/webapp_pipeline_stage_card.png) +![Pipeline stage card](../../img/webapp_pipeline_stage_card.png#light-mode-only) +![Pipeline stage card](../../img/webapp_pipeline_stage_card_dark.png#dark-mode-only) @@ -47,7 +49,8 @@ Click on a stage to view its **STAGE INFO**:
-![Pipeline stage info](../../img/webapp_pipeline_stage_info.png) +![Pipeline stage info](../../img/webapp_pipeline_stage_info.png#light-mode-only) +![Pipeline stage info](../../img/webapp_pipeline_stage_info_dark.png#dark-mode-only)
@@ -64,7 +67,8 @@ On the pipeline run panel, view the **RUN INFO** which shows: * Produced Artifacts * Output Models -![Run info](../../img/webapp_pipeline_run_info.png) +![Run info](../../img/webapp_pipeline_run_info.png#light-mode-only) +![Run info](../../img/webapp_pipeline_run_info_dark.png#dark-mode-only) To view a run's complete information, click **Full details**, which will open the pipeline's controller [task page](../webapp_exp_track_visual.md). View each list's complete details in the pipeline task's corresponding tabs: @@ -72,12 +76,14 @@ View each list's complete details in the pipeline task's corresponding tabs: * **METRICS** list > **SCALARS** tab * **ARTIFACTS** and **MODELS** lists > **ARTIFACTS** tab -![Pipeline task info](../../img/webapp_pipeline_task_info.png) +![Pipeline task info](../../img/webapp_pipeline_task_info.png#light-mode-only) +![Pipeline task info](../../img/webapp_pipeline_task_info_dark.png#dark-mode-only) To view a specific step's information, click the step on the execution graph, and the info panel displays its **STEP INFO**. The panel displays the step's name, task type, and status, as well as its parameters, metrics, artifacts, and models. -![Step info](../../img/webapp_pipeline_step_info.png) +![Step info](../../img/webapp_pipeline_step_info.png#light-mode-only) +![Step info](../../img/webapp_pipeline_step_info_dark.png#dark-mode-only) To return to viewing the run's information, click the pipeline graph, outside any of the steps. @@ -89,16 +95,19 @@ details panel, click **DETAILS** and then click on a step node, or hover over a The details panel includes three tabs: * **Preview** - View debug samples and plots attached to the pipeline controller or step - ![preview](../../img/webapp_pipeline_step_debug.png) + ![preview](../../img/webapp_pipeline_step_debug.png#light-mode-only) + ![preview](../../img/webapp_pipeline_step_debug_dark.png#dark-mode-only) * **Console** - The console log for the pipeline controller or steps: contains everything printed to stdout and stderr. - ![console](../../img/webapp_pipeline_step_console.png) + ![console](../../img/webapp_pipeline_step_console.png#light-mode-only) + ![console](../../img/webapp_pipeline_step_console_dark.png#dark-mode-only) * **Code** - For pipeline steps generated from functions using either [`PipelineController.add_function_step`](../../references/sdk/automation_controller_pipelinecontroller.md#add_function_step) or [`PipelineDecorator.component`](../../references/sdk/automation_controller_pipelinecontroller.md#pipelinedecoratorcomponent), you can view the selected step's code. - ![code](../../img/webapp_pipeline_step_code.png) + ![code](../../img/webapp_pipeline_step_code.png#light-mode-only) + ![code](../../img/webapp_pipeline_step_code_dark.png#dark-mode-only) Click Expand on the details panel header to view the panel in full screen. diff --git a/docs/webapp/resource_policies.md b/docs/webapp/resource_policies.md index ddb09473..c90a3a74 100644 --- a/docs/webapp/resource_policies.md +++ b/docs/webapp/resource_policies.md @@ -19,7 +19,8 @@ Set resource reservation and limits for user groups * Connect resource profiles to a policy, making them available to its user group via ClearML queues * Non-administrator users can see the resource policies currently applied to them. -![Resource Policy dashboard](../img/resource_policies_dashboard.png) +![Resource Policy dashboard](../img/resource_policies_dashboard.png#light-mode-only) +![Resource Policy dashboard](../img/resource_policies_dashboard_dark.png#dark-mode-only) ## Create a Policy @@ -70,7 +71,8 @@ The top card displays the policy information: * Resource limit * User group that the policy applies to - click to show list of users in the group -![Resource policy card](../img/resource_policies_policy_card.png) +![Resource policy card](../img/resource_policies_policy_card.png#light-mode-only) +![Resource policy card](../img/resource_policies_policy_card_dark.png#dark-mode-only) The cards below the policy card display the profiles that are connected to the policy: * Resource profile name @@ -79,11 +81,13 @@ of resources consumed by each job enqueued through this profile's queue * Queued jobs - Currently queued jobs * Running jobs - Currently running jobs -![Resource profile card non-admin view](../img/resource_policies_profile_card_non_admin.png) +![Resource profile card non-admin view](../img/resource_policies_profile_card_non_admin.png#light-mode-only) +![Resource profile card non-admin view](../img/resource_policies_profile_card_non_admin_dark.png#dark-mode-only) Administrators can also see each resource profile’s resource pool links listed in order of routing priority. -![Resource profile card admin view](../img/resource_policies_profile_card_admin.png) +![Resource profile card admin view](../img/resource_policies_profile_card_admin.png#light-mode-only) +![Resource profile card admin view](../img/resource_policies_profile_card_admin_dark.png#dark-mode-only) The arrow connecting the policy card with a profile card is labeled with the name of the queue the policy’s users should use to run tasks through that resource profile. @@ -112,7 +116,8 @@ and description **To remove a resource profile:** On the relevant resource profile box, click `X`. -![Remove resource profile](../img/resource_policies_remove_profile.png) +![Remove resource profile](../img/resource_policies_remove_profile.png#light-mode-only) +![Remove resource profile](../img/resource_policies_remove_profile_dark.png#dark-mode-only) Removing a profile from a policy will also delete the queue which made this profile available to the policy’s users. Any tasks enqueued on this queue will be set to `draft` status. diff --git a/docs/webapp/settings/webapp_settings_access_rules.md b/docs/webapp/settings/webapp_settings_access_rules.md index 869a1442..92f756aa 100644 --- a/docs/webapp/settings/webapp_settings_access_rules.md +++ b/docs/webapp/settings/webapp_settings_access_rules.md @@ -34,7 +34,12 @@ Access privileges can be viewed, defined, and edited in the **Access Rules** tab button 1. Click **SAVE** -![Access rule creation dialog](../../img/settings_access_rules.png) +
+ +![Access rule creation dialog](../../img/settings_access_rules.png#light-mode-only) +![Access rule creation dialog](../../img/settings_access_rules_dark.png#dark-mode-only) + +
Access is inherited according to resource hierarchy. For example, if a user is given access to a project, the user will also have access to the project's contents (tasks, models, etc.). A user who is granted access to a specific task will diff --git a/docs/webapp/settings/webapp_settings_admin_vaults.md b/docs/webapp/settings/webapp_settings_admin_vaults.md index e74a4315..e67b6954 100644 --- a/docs/webapp/settings/webapp_settings_admin_vaults.md +++ b/docs/webapp/settings/webapp_settings_admin_vaults.md @@ -67,4 +67,5 @@ The **Administrator Vaults** table lists all currently defined vaults, and the f Hover over a vault in the table to **Download**, **Edit**, or **Delete** a vault. -![Admin vaults](../../img/settings_admin_vaults.png) \ No newline at end of file +![Admin vaults](../../img/settings_admin_vaults.png#light-mode-only) +![Admin vaults](../../img/settings_admin_vaults_dark.png#dark-mode-only) \ No newline at end of file diff --git a/docs/webapp/settings/webapp_settings_id_providers.md b/docs/webapp/settings/webapp_settings_id_providers.md index 4c0f3980..47c6cf34 100644 --- a/docs/webapp/settings/webapp_settings_id_providers.md +++ b/docs/webapp/settings/webapp_settings_id_providers.md @@ -145,4 +145,5 @@ The **Provider Connections** table lists all currently defined connections, and Hover over a connection in the table to **Edit** or **Delete** it. -![Identity provider chart](../../img/settings_identity_chart.png) +![Identity provider chart](../../img/settings_identity_chart.png#light-mode-only) +![Identity provider chart](../../img/settings_identity_chart_dark.png#dark-mode-only) diff --git a/docs/webapp/settings/webapp_settings_profile.md b/docs/webapp/settings/webapp_settings_profile.md index 721e12e3..32360aab 100644 --- a/docs/webapp/settings/webapp_settings_profile.md +++ b/docs/webapp/settings/webapp_settings_profile.md @@ -60,7 +60,8 @@ ClearML Hosted Service users can be members of multiple workspaces, which are li To switch to another workspace, click on the **SWITCH TO WORKSPACE** button next to the name of the workspace you want to switch to. -![Workspace configuration page](../../img/settings_workspace_configuration.png) +![Workspace configuration page](../../img/settings_workspace_configuration.png#light-mode-only) +![Workspace configuration page](../../img/settings_workspace_configuration_dark.png#dark-mode-only) ### ClearML App Credentials @@ -80,7 +81,12 @@ You can create credentials for any workspace that you are a member of. The dialog displays new credentials, formatted as a ready-to-copy configuration file section (including server configuration information). -![ClearML credentials](../../img/settings_configuration_creation.png) +
+ +![ClearML credentials](../../img/settings_configuration_creation.png#light-mode-only) +![ClearML credentials](../../img/settings_configuration_creation_dark.png#dark-mode-only) + +
You can edit the labels of credentials in your own workspace, or credentials that you created in other workspaces. @@ -161,4 +167,5 @@ Fill in values using any of ClearML supported configuration formats: HOCON / JSO * Click the toggle atop the vault to enable / disable the configurations * Once enabled, the configurations will be merged to the configuration file during ClearML and ClearML Agent usage -![Configuration vault](../../img/settings_configuration_vault.png) +![Configuration vault](../../img/settings_configuration_vault.png#light-mode-only) +![Configuration vault](../../img/settings_configuration_vault_dark.png#dark-mode-only) diff --git a/docs/webapp/settings/webapp_settings_resource_configs.md b/docs/webapp/settings/webapp_settings_resource_configs.md index 08733199..165beae6 100644 --- a/docs/webapp/settings/webapp_settings_resource_configs.md +++ b/docs/webapp/settings/webapp_settings_resource_configs.md @@ -8,7 +8,8 @@ reservations for different user groups to prioritize workload usage across avail Under the **Resource Configuration** section, administrators define the available resources and the way in which they will be allocated to different workloads. -![Resource configuration page](../../img/resource_configuration.png) +![Resource configuration page](../../img/resource_configuration.png#light-mode-only) +![Resource configuration page](../../img/resource_configuration_dark.png#dark-mode-only) The Resource Configuration settings page shows the [currently provisioned](#applying-resource-configuration) configuration: the defined resource pools, resource profiles, and the resource allocation architecture. @@ -25,7 +26,12 @@ versa). The resource pool cards are displayed on the top of the Resource Configuration settings page. Each card displays the following information: -![Resource pool card](../../img/resource_configuration_pool_card.png) +
+ +![Resource pool card](../../img/resource_configuration_pool_card.png#light-mode-only) +![Resource pool card](../../img/resource_configuration_pool_card_dark.png#dark-mode-only) + +
* Pool name * Number of resources currently in use out of the total available resources @@ -45,7 +51,17 @@ R&D team and DevOps team both have pending jobs - run the R&D team's jobs first The resource profile cards are displayed on the bottom of the Resource Configuration settings page. Each card displays the following information: -![Resource profile card](../../img/resource_configuration_profile_card.png) +
+ +![Resource profile card](../../img/resource_configuration_profile_card.png#light-mode-only) + +
+ +
+ +![Resource profile card](../../img/resource_configuration_profile_card_dark.png#dark-mode-only) + +
* Profile name * Number of resources - Number @@ -61,18 +77,21 @@ You have GPUs spread across a local H100 and additional bare metal servers, as w by an autoscaler). Assume that currently most of your resources are already assigned to jobs, and only 16 resources are available: 8 in the H100 resource pool and 8 in the Bare Metal pool: -![Example resource pools](../../img/resource_example_pools.png) +![Example resource pools](../../img/resource_example_pools.png#light-mode-only) +![Example resource pools](../../img/resource_example_pools_dark.png#dark-mode-only) Teams' jobs have varying resource requirements of 0.5, 2, 4, and 8 GPUs. Resource profiles are defined to reflect these: -![Example resource profiles](../../img/resource_example_profile.png) +![Example resource profiles](../../img/resource_example_profile.png#light-mode-only) +![Example resource profiles](../../img/resource_example_profile_dark.png#dark-mode-only) The different jobs will be routed to different resource pools by connecting the profiles to the resource pools. Jobs enqueued through the profiles will be run in the pools where there are available resources in order of their priority. For example, the H100 pool will run jobs with the following precedence: 2 GPU jobs first, then 4 GPU ones, then 8 GPU, and lastly 0.5 GPU. -![Example profile priority](../../img/resource_example_profile_priority.png) +![Example profile priority](../../img/resource_example_profile_priority.png#light-mode-only) +![Example profile priority](../../img/resource_example_profile_priority_dark.png#dark-mode-only) Resource policies are implemented for two teams: * Dev team @@ -81,21 +100,33 @@ Resource policies are implemented for two teams: Each team has a resource policy configured with 8 reserved resources and a 16 resource limit. Both teams make use of the 4xGPU profile (i.e. each job running through this profile requires 4 resources). -![Example resource policy](../../img/resource_example_policy.png) +![Example resource policy](../../img/resource_example_policy.png#light-mode-only) +![Example resource policy](../../img/resource_example_policy_dark.png#dark-mode-only) The Dev team is prioritized over the Research team by placing it higher in the Resource Profile's Policies Priority list: -![Example resource policy priority](../../img/resource_example_policy_priority.png) +
+ +![Example resource policy priority](../../img/resource_example_policy_priority.png#light-mode-only) +![Example resource policy priority](../../img/resource_example_policy_priority_dark.png#dark-mode-only) + +
Both the Dev team and the Research team enqueue four 4-resource jobs each: Dev team jobs will be allocated resources first. The `4xGPU` resource profile is connected to two resource pools: `Bare Metal Low END GPUs` (with the `4 GPU Low End` link) and `H100 Half a Superpod` (with the `4 GPU H100 link`). -![Example resource profile-pool connections](../../img/resource_example_profile_pool_links.png) +![Example resource profile-pool connections](../../img/resource_example_profile_pool_links.png#light-mode-only) +![Example resource profile-pool connections](../../img/resource_example_profile_pool_links_dark.png#dark-mode-only) Resources are assigned from the `Bare Metal` pool first (precedence set on the resource profile card): -![Example resource pool precedence](../../img/resource_example_pool_priority.png) +
+ +![Example resource pool precedence](../../img/resource_example_pool_priority.png#light-mode-only) +![Example resource pool precedence](../../img/resource_example_pool_priority_dark.png#dark-mode-only) + +
If the first pool cannot currently satisfy the profile’s resource requirements, resources are assigned from the next listed pool. Let's look at the first pool in the image below. Notice that the pool has 8 available resources, therefore @@ -103,7 +134,8 @@ it can run two 4-resource jobs.
-![Example resource pool card](../../img/resource_example_pool_card.png) +![Example resource pool card](../../img/resource_example_pool_card.png#light-mode-only) +![Example resource pool card](../../img/resource_example_pool_card_dark.png#dark-mode-only)
diff --git a/docs/webapp/settings/webapp_settings_storage_credentials.md b/docs/webapp/settings/webapp_settings_storage_credentials.md index 26260d77..17eb7134 100644 --- a/docs/webapp/settings/webapp_settings_storage_credentials.md +++ b/docs/webapp/settings/webapp_settings_storage_credentials.md @@ -7,7 +7,8 @@ To enable ClearML to delete task artifacts stored in cloud storage when a task i * [AWS S3 Storage](#aws-s3-storage) * [Azure](#azure) -![Storage Credentials page](../../img/webapp_settings_storage_credentials.png) +![Storage Credentials page](../../img/webapp_settings_storage_credentials.png#light-mode-only) +![Storage Credentials page](../../img/webapp_settings_storage_credentials_dark.png#dark-mode-only) ## Google Cloud Storage Set up credentials for Google Cloud buckets: diff --git a/docs/webapp/settings/webapp_settings_usage_billing.md b/docs/webapp/settings/webapp_settings_usage_billing.md index 51ba9dcc..7824d0e6 100644 --- a/docs/webapp/settings/webapp_settings_usage_billing.md +++ b/docs/webapp/settings/webapp_settings_usage_billing.md @@ -7,7 +7,8 @@ The **Billing & Usage** section displays your ClearML workspace usage informatio * Available storage * Number of monthly API calls -![Billing and Usage free](../../img/settings_billing_usage_free.png) +![Billing and Usage free](../../img/settings_billing_usage_free.png#light-mode-only) +![Billing and Usage free](../../img/settings_billing_usage_free_dark.png#dark-mode-only) To add users to your workspace, click **INVITE USERS** in the **USERS** section. This will redirect you to the **USER MANAGEMENT** page, where you can invite users (see details [here](webapp_settings_users.md#inviting-new-teammates)). @@ -20,7 +21,8 @@ for additional plans information. With the ClearML Pro plan, the **Billing & Usage** page additionally shows estimated charges for the current billing period and provides access to billing information. -![Billing and Usage pro](../../img/settings_billing_usage.png) +![Billing and Usage pro](../../img/settings_billing_usage.png#light-mode-only) +![Billing and Usage pro](../../img/settings_billing_usage_dark.png#dark-mode-only) **To Upgrade your account to ClearML Pro**, click **UPGRADE** in the top right corner of the page. This will open a wizard where you will be able to read the terms and conditions and input your billing information. diff --git a/docs/webapp/settings/webapp_settings_users.md b/docs/webapp/settings/webapp_settings_users.md index edfdc764..f0e14818 100644 --- a/docs/webapp/settings/webapp_settings_users.md +++ b/docs/webapp/settings/webapp_settings_users.md @@ -19,7 +19,8 @@ Each row of the table includes: * If the user's invitation is pending, the date the user was added * [User groups](#user-groups) (ClearML Enterprise feature) -![Users table](../../img/settings_user_table.png) +![Users table](../../img/settings_user_table.png#light-mode-only) +![Users table](../../img/settings_user_table_dark.png#dark-mode-only) ### Inviting New Teammates @@ -69,7 +70,8 @@ Each row of the table includes: Hover over a service account in the table to **Edit** or **Delete** it. -![Service accounts](../../img/settings_service_accounts.png) +![Service accounts](../../img/settings_service_accounts.png#light-mode-only) +![Service accounts](../../img/settings_service_accounts_dark.png#dark-mode-only) ### Creating a Service Account @@ -133,7 +135,8 @@ In addition to the service account-specific configuration vault, [administrator be applied to service accounts. See all the vaults applied to the account in the **Applied administrator vaults** below the configuration vault. -![Service Account Config Vault](../../img/settings_service_account_config_vault.png) +![Service Account Config Vault](../../img/settings_service_account_config_vault.png#light-mode-only) +![Service Account Config Vault](../../img/settings_service_account_config_vault_dark.png#dark-mode-only) ### Deleting Service Account Deleting a service account will revoke its credentials, causing agents using the account's credentials to fail. @@ -161,7 +164,8 @@ The system includes three pre-configured groups that can't be removed: The user group table lists all the active user groups. Each row includes a group's name, description, member list, and ID. -![User Management Page](../../img/settings_user_management_table.png) +![User Management Page](../../img/settings_user_management_table.png#light-mode-only) +![User Management Page](../../img/settings_user_management_table_dark.png#dark-mode-only) ### Creating a User Group @@ -173,7 +177,12 @@ The user group table lists all the active user groups. Each row includes a group the Trash can button 1. Click **SAVE** -![User group creation dialog](../../img/settings_user_group.png) +
+ +![User group creation dialog](../../img/settings_user_group.png#light-mode-only) +![User group creation dialog](../../img/settings_user_group_dark.png#dark-mode-only) + +
### Editing a User Group diff --git a/docs/webapp/webapp_exp_comparing.md b/docs/webapp/webapp_exp_comparing.md index 034e2ab9..f31de215 100644 --- a/docs/webapp/webapp_exp_comparing.md +++ b/docs/webapp/webapp_exp_comparing.md @@ -34,12 +34,14 @@ The comparison page opens in the **DETAILS** tab with the experiments [compared Click the `EXPERIMENTS` button to view your currently compared experiments. Click `X` on a listed experiment to remove it from the comparison. -![Experiments list](../img/webapp_compare_exp_select_2.png) +![Experiments list](../img/webapp_compare_exp_select_2.png#light-mode-only) +![Experiments list](../img/webapp_compare_exp_select_2_dark.png#dark-mode-only) You can add/remove experiments to your comparison: 1. Click the `+` button in any of the comparison tabs. This opens up a window with an experiment table with the currently compared experiments at the top. - ![Adding experiments](../img/webapp_compare_exp_select_1.png) + ![Adding experiments](../img/webapp_compare_exp_select_1.png#light-mode-only) + ![Adding experiments](../img/webapp_compare_exp_select_1_dark.png#dark-mode-only) 1. Find the experiments to add by sorting and [filtering](webapp_exp_table.md#filtering-columns) the experiments with the appropriate column header controls. Alternatively, use the search bar to find experiments by name. 1. Select experiments to include in the comparison (and/or clear the selection of any experiments you wish to remove). @@ -85,8 +87,8 @@ in the tab header. Obscure identical fields by switching on the **Hide Identical Use the search bar to find any field names or values. Lines that match the search query are highlighted, and you can navigate between search results. -![Side-by-side textual comparison](../img/webapp_compare_05.png) - +![Side-by-side textual comparison](../img/webapp_compare_05.png#light-mode-only) +![Side-by-side textual comparison](../img/webapp_compare_05_dark.png#dark-mode-only) ### Tabular Scalar Comparison The **Scalars** tab **Values** view lays out the experiments' metric values in a table: a row per metric/variant and a @@ -99,7 +101,8 @@ You can download the scalar comparison table as a CSV file by clicking Left arrow (previous), Right arrow (next), or move the slider. diff --git a/docs/webapp/webapp_exp_reproducing.md b/docs/webapp/webapp_exp_reproducing.md index b644fecc..35375a15 100644 --- a/docs/webapp/webapp_exp_reproducing.md +++ b/docs/webapp/webapp_exp_reproducing.md @@ -25,7 +25,8 @@ have a parent, in which case the original task is set as the parent. Select `Set the original experiment to become the clone's parent. ::: -![Clone modal](../img/webapp_clone.png) +![Clone modal](../img/webapp_clone.png#light-mode-only) +![Clone modal](../img/webapp_clone_dark.png#dark-mode-only) ## Resetting @@ -36,7 +37,8 @@ To reset an experiment: ClearML file server, click the checkbox 1. Click **Reset** -![Reset modal](../img/webapp_reset.png) +![Reset modal](../img/webapp_reset.png#light-mode-only) +![Reset modal](../img/webapp_reset_dark.png#dark-mode-only) ## Final Steps diff --git a/docs/webapp/webapp_exp_table.md b/docs/webapp/webapp_exp_table.md index 0778fce9..1ccd35c8 100644 --- a/docs/webapp/webapp_exp_table.md +++ b/docs/webapp/webapp_exp_table.md @@ -28,7 +28,8 @@ and choosing one of these options: The downloaded data consists of the currently displayed table columns. -![Task table](../img/webapp_experiment_table.png) +![Task table](../img/webapp_experiment_table.png#light-mode-only) +![Task table](../img/webapp_experiment_table_dark.png#dark-mode-only) ## Creating Tasks @@ -162,7 +163,8 @@ all the tasks in the project. The customizations of these two views are saved se ### Adding Metrics and/or Hyperparameters -![Task table customization gif](../img/gif/webapp_exp_table_cust.gif) +![Task table customization gif](../img/gif/webapp_exp_table_cust.gif#light-mode-only) +![Task table customization gif](../img/gif/webapp_exp_table_cust_dark.gif#dark-mode-only) Add metrics and/or hyperparameters columns to the task table. The metrics and hyperparameters depend upon the tasks in the table. @@ -184,7 +186,8 @@ tooltip that appears. To view all precise values in a column, hover over a float ### Filtering Columns -![Filtering table gif](../img/gif/filter_screenshots.gif) +![Filtering table gif](../img/gif/filter_screenshots.gif#light-mode-only) +![Filtering table gif](../img/gif/filter_screenshots_dark.gif#dark-mode-only) Filters can be applied by clicking Filter on a column, and the relevant filter appears. @@ -252,7 +255,8 @@ operations on the selected tasks. Actions can be performed only on the tasks tha of tasks that can be affected by each action. The same information can be found in the batch action bar, in a tooltip that appears when hovering over an action icon. -![Task table batch operations](../img/webapp_experiment_table_context_menu.png) +![Task table batch operations](../img/webapp_experiment_table_context_menu.png#light-mode-only) +![Task table batch operations](../img/webapp_experiment_table_context_menu_dark.png#dark-mode-only) ## Selecting Multiple Tasks @@ -277,12 +281,14 @@ In the dropdown menu, select to view **Scalars** or **Plots**. **Scalars** shows task scalar results as time series line graphs. -![Merged comparison plots](../img/webapp_compare_view_1.png) +![Merged comparison plots](../img/webapp_compare_view_1.png#light-mode-only) +![Merged comparison plots](../img/webapp_compare_view_1_dark.png#dark-mode-only) All single value scalars are plotted into a single clustered bar chart under the "Summary" title, where each cluster represents a reported metric, and each bar in the cluster represents a task. -![Single scalar comparison](../img/webapp_compare_view_3.png) +![Single scalar comparison](../img/webapp_compare_view_3.png#light-mode-only) +![Single scalar comparison](../img/webapp_compare_view_3_dark.png#dark-mode-only) Click Setting Gear to customize which metrics to view. @@ -296,11 +302,13 @@ task. Line, scatter, box, and bar graphs are compared by overlaying each metric/variant from all compared tasks' into a single comparative plot. -![Merged comparison plots](../img/webapp_compare_view_4.png) +![Merged comparison plots](../img/webapp_compare_view_4.png#light-mode-only) +![Merged comparison plots](../img/webapp_compare_view_4_dark.png#dark-mode-only) Other plot types are displayed separately for each task. -![Separate comparison plots](../img/webapp_compare_view_2.png) +![Separate comparison plots](../img/webapp_compare_view_2.png#light-mode-only) +![Separate comparison plots](../img/webapp_compare_view_2_dark.png#dark-mode-only) ## Creating a Task Leaderboard @@ -321,4 +329,5 @@ based on their name by using the search bar. The final dashboard can be shared by copying the URL from the address bar, this address will replicate the exact same dashboard on any browser. The dashboard can also be bookmarked for later use. -![Task table sharing](../img/webapp_exp_table_sharing.png) +![Task table sharing](../img/webapp_exp_table_sharing.png#light-mode-only) +![Task table sharing](../img/webapp_exp_table_sharing_dark.png#dark-mode-only) \ No newline at end of file diff --git a/docs/webapp/webapp_exp_track_visual.md b/docs/webapp/webapp_exp_track_visual.md index 9631ea5d..48f2373a 100644 --- a/docs/webapp/webapp_exp_track_visual.md +++ b/docs/webapp/webapp_exp_track_visual.md @@ -31,20 +31,22 @@ table / full screen**. The info panel keeps the task table in view so that [task actions](webapp_exp_table.md#task-actions) can be performed from the table (as well as the menu in the info panel). -![Info panel](../img/webapp_tracking_40.png) +![Info panel](../img/webapp_tracking_40.png#light-mode-only) +![Info panel](../img/webapp_tracking_40_dark.png#dark-mode-only) Click Compressed view to hide details in the task table, so only the task names and statuses are displayed -![Compressed info panel](../img/webapp_tracking_41.png) +![Compressed info panel](../img/webapp_tracking_41.png#light-mode-only) +![Compressed info panel](../img/webapp_tracking_41_dark.png#dark-mode-only) ### Full Screen Details View The full screen details view allows for easier viewing and working with task tracking and results. The task table is not visible when the full screen details view is open. Perform task actions from the menu. -![Full screen view](../img/webapp_tracking_33.png) - +![Full screen view](../img/webapp_tracking_33.png#light-mode-only) +![Full screen view](../img/webapp_tracking_33_dark.png#dark-mode-only) ## Execution A task's **EXECUTION** tab of lists the following: @@ -65,25 +67,29 @@ The Source Code section of a task's **EXECUTION** tab includes: * Working directory * Binary (Python executable) -![Source code section](../img/webapp_exp_source_code.png) +![Source code section](../img/webapp_exp_source_code.png#light-mode-only) +![Source code section](../img/webapp_exp_source_code_dark.png#dark-mode-only) ### Uncommitted Changes ClearML displays the git diff of the task in the Uncommitted Changes section. -![Uncommitted changes section](../img/webapp_exp_uncommitted_changes.png) +![Uncommitted changes section](../img/webapp_exp_uncommitted_changes.png#light-mode-only) +![Uncommitted changes section](../img/webapp_exp_uncommitted_changes_dark.png#dark-mode-only) ### Python Packages The Python Packages section lists the task's installed Python packages and their versions. -![Python packages section](../img/webapp_exp_installed_packages.png) +![Python packages section](../img/webapp_exp_installed_packages.png#light-mode-only) +![Python packages section](../img/webapp_exp_installed_packages_dark.png#dark-mode-only) When a ClearML agent executing a task ends up using a different set of Python packages than was originally specified, both the original specification (`original pip` or `original conda`), and the packages the agent ended up using to set up an environment (`pip` or `conda`) are available. Select which requirements to view in the dropdown menu. -![Packages used by agent](../img/webapp_exp_installed_packages_2.png.png) +![Packages used by agent](../img/webapp_exp_installed_packages_2.png#light-mode-only) +![Packages used by agent](../img/webapp_exp_installed_packages_2_dark.png#dark-mode-only) ### Container The Container section list the following information: @@ -102,14 +108,16 @@ clearml-agent daemon --queue --docker [optional d For more information, see [Docker Mode](../clearml_agent/clearml_agent_execution_env.md#docker-mode). ::: -![Container section](../img/webapp_exp_container.png) +![Container section](../img/webapp_exp_container.png#light-mode-only) +![Container section](../img/webapp_exp_container_dark.png#dark-mode-only) ### Output The Output details include: * The output destination used for storing model checkpoints (snapshots) and artifacts (see also, [default_output_uri](../configs/clearml_conf.md#config_default_output_uri) in the configuration file, and `output_uri` in [`Task.init`](../references/sdk/task.md#taskinit) parameters). -![Execution details section](../img/webapp_exp_output.png) +![Execution details section](../img/webapp_exp_output.png#light-mode-only) +![Execution details section](../img/webapp_exp_output_dark.png#dark-mode-only) ## Configuration @@ -127,7 +135,8 @@ The **Args** group shows automatically logged argument parser parameters (e.g. ` Hover over Description (menu) on a parameter's line, and the type, description, and default value appear, if they were provided. -![Command line arguments configuration group](../img/webapp_tracking_22.png) +![Command line arguments configuration group](../img/webapp_tracking_22.png#light-mode-only) +![Command line arguments configuration group](../img/webapp_tracking_22_dark.png#dark-mode-only) #### Environment Variables @@ -138,7 +147,8 @@ field of the `clearml.conf` file, the **Environment** group displays the listed The `CLEARML_LOG_ENVIRONMENT` variable always overrides the `clearml.conf` file. ::: -![Environment variables configuration group](../img/webapp_tracking_23.png) +![Environment variables configuration group](../img/webapp_tracking_23.png#light-mode-only) +![Environment variables configuration group](../img/webapp_tracking_23_dark.png#dark-mode-only) #### Custom Parameter Groups @@ -146,33 +156,37 @@ Custom parameter groups show parameter dictionaries if the parameters were conne [`Task.connect()`](../references/sdk/task.md#connect) with a `name` argument provided. `General` is the default section if a name is not provided. -![Custom parameters group](../img/webapp_tracking_25.png) +![Custom parameters group](../img/webapp_tracking_25.png#light-mode-only) +![Custom parameters group](../img/webapp_tracking_25_dark.png#dark-mode-only) #### TensorFlow Definitions The **TF_DEFINE** parameter group shows automatic TensorFlow logging. -![TF_DEFINE parameter group](../img/webapp_tracking_26.png) +![TF_DEFINE parameter group](../img/webapp_tracking_26.png#light-mode-only) +![TF_DEFINE parameter group](../img/webapp_tracking_26_dark.png#dark-mode-only) ### User Properties User properties allow to store any descriptive information in a key-value pair format. They are editable in any task, except *Published* ones (read-only). -![User properties section](../img/webapp_tracking_21.png) +![User properties section](../img/webapp_tracking_21.png#light-mode-only) +![User properties section](../img/webapp_tracking_21_dark.png#dark-mode-only) ### Configuration Objects ClearML tracks a task's model configuration objects, which appear in **Configuration Objects** **>** **General**. These objects include those that are automatically tracked, and those connected to a Task in code (see [`Task.connect_configuration`](../references/sdk/task.md#connect_configuration)). -![Configuration objects](../img/webapp_tracking_24.png) +![Configuration objects](../img/webapp_tracking_24.png#light-mode-only) +![Configuration objects](../img/webapp_tracking_24_dark.png#dark-mode-only) ClearML supports providing a name for a Task model configuration object (see the `name` parameter in [`Task.connect_configuration`](../references/sdk/task.md#connect_configuration)). -![Custom configuration objects](../img/webapp_tracking_28.png) - +![Custom configuration objects](../img/webapp_tracking_28.png#light-mode-only) +![Custom configuration objects](../img/webapp_tracking_28_dark.png#dark-mode-only) ## Artifacts @@ -190,7 +204,8 @@ to obtain the file path to facilitate local storage access since web application * **Remote Files** (e.g. network-hosted artifacts with `https://`, `s3://`, etc. URIs): Use the download action (Download) to retrieve the file. -![Other artifacts section](../img/webapp_tracking_30.png) +![Other artifacts section](../img/webapp_tracking_30.png#light-mode-only) +![Other artifacts section](../img/webapp_tracking_30_dark.png#dark-mode-only) ### Models @@ -201,7 +216,8 @@ The task's input and output models appear in the **ARTIFACTS** tab. Each model e Input models also display their creating task, which on-click navigates you to the task's page. -![Models in Artifacts tab](../img/webapp_exp_artifacts_01.png) +![Models in Artifacts tab](../img/webapp_exp_artifacts_01.png#light-mode-only) +![Models in Artifacts tab](../img/webapp_exp_artifacts_01_dark.png#dark-mode-only) To view more model details, including design, label enumeration, and general information, click the model name to navigate to its page in the **MODELS** tab (see [Model Details](webapp_model_viewing.md)). @@ -229,7 +245,8 @@ The Enterprise Server also displays a detailed history of task activity: To download the task history as a CSV file, hover over the log and click Download. -![Task audit log](../img/webapp_info_audit_log.png) +![Task audit log](../img/webapp_info_audit_log.png#light-mode-only) +![Task audit log](../img/webapp_info_audit_log_dark.png#dark-mode-only) :::note Limited persistency ClearML maintains a system-wide, large but strict limit for task history items. Once the limit is reached, the oldest entries are purged to make room for fresh entries. @@ -260,7 +277,8 @@ The **Task Details** section lists information describing the task: * Python version * Task Progress -![Info tab](../img/webapp_tracking_31.png) +![Info tab](../img/webapp_tracking_31.png#light-mode-only) +![Info tab](../img/webapp_tracking_31_dark.png#dark-mode-only) ## Task Results @@ -275,8 +293,8 @@ tools (e.g. Notion). See [Plot Controls](#plot-controls). The complete task log containing everything printed to stdout and stderr appears in the **CONSOLE** tab. The full log is downloadable. To view the end of the log, click **Jump to end**. -![Console tab](../img/webapp_tracking_32.png) - +![Console tab](../img/webapp_tracking_32.png#light-mode-only) +![Console tab](../img/webapp_tracking_32_dark.png#dark-mode-only) ### Scalars @@ -302,7 +320,8 @@ to update the graph. Single value scalars (see [`Logger.report_single_value`](../references/sdk/logger.md#report_single_value)) are shown in a `Summary` table. -![Single value scalar plot](../img/webapp_single_scalar_plot.png) +![Single value scalar plot](../img/webapp_single_scalar_plot.png#light-mode-only) +![Single value scalar plot](../img/webapp_single_scalar_plot_dark.png#dark-mode-only) Use the scalar tools to improve analysis of scalar metrics. In the info panel, click Settings gear to use the tools. In the full screen details view, the tools are on the left side of the window. The tools include: @@ -313,13 +332,15 @@ are on the left side of the window. The tools include: * **Metric** - Displays all variants for a metric on the same plot. For example, if you have a "Test" metric with "loss" and "accuracy" variants, both variants will appear on the same plot that is titled "Test". - ![Plots grouped by metric](../img/webapp_tracking_33.png) + ![Plots grouped by metric](../img/webapp_tracking_33.png#light-mode-only) + ![Plots grouped by metric](../img/webapp_tracking_33_dark.png#dark-mode-only) * **None** - Displays individual plots for each metric-variant combination, grouped into sections by metric. For example, a "Test" metric with "loss" and "accuracy" variants will have a separate plot for each variant under the "Test" group. - ![Plots groups my metric and variant](../img/webapp_tracking_34.png) + ![Plots groups my metric and variant](../img/webapp_tracking_34.png#light-mode-only) + ![Plots groups my metric and variant](../img/webapp_tracking_34_dark.png#dark-mode-only) * Horizontal axis - Select the x-axis units: * Iterations @@ -336,7 +357,8 @@ which will copy to clipboard the embed code to put in your Reports. To quickly g specific metric, click Embed Embed code on the group section header (available when plots are [grouped by](#group_by) `None`). -![Embed metric group](../img/webapp_tracking_34b.png) +![Embed metric group](../img/webapp_tracking_34b.png#light-mode-only) +![Embed metric group](../img/webapp_tracking_34b_dark.png#dark-mode-only) In contrast to static screenshots, embedded resources are retrieved when the report is displayed allowing your reports to show the latest up-to-date data. @@ -356,7 +378,8 @@ shows a table summary of your metrics with a row per metric/variant: If all the values of a specific metric/variant are the same, the row will display a Same values sign. -![Plots tab](../img/webapp_tracking_34a.png) +![Plots tab](../img/webapp_tracking_34a.png#light-mode-only) +![Plots tab](../img/webapp_tracking_34a_dark.png#dark-mode-only) Choose which metrics to view using one of the following out the options: * Use the quick filter bar (Magnifying glass) @@ -371,7 +394,8 @@ Non-time-series plots appear in **PLOTS**. These include data generated by libra explicitly reported using the ClearML Logger. These may include 2D and 3D plots, tables (Pandas and CSV files), and Plotly plots. Individual plots can be shown / hidden or filtered by title. -![Plots tab](../img/webapp_tracking_35.png) +![Plots tab](../img/webapp_tracking_35.png#light-mode-only) +![Plots tab](../img/webapp_tracking_35_dark.png#dark-mode-only) Plots are grouped into sections by metric. To quickly get the embed codes for all plots of a specific metric, click Embed Embed code on the group section header. @@ -384,7 +408,8 @@ previous/next plot in the current iteration using the Filter, and sort endpoints by clicking Sort order on the relevant column. @@ -65,7 +67,8 @@ The **Details** tab displays the model endpoint information: * GPU Count * Latency - Average request latency in the last minute -![Endpoints details](../img/webapp_model_endpoints_details.png) +![Endpoints details](../img/webapp_model_endpoints_details.png#light-mode-only) +![Endpoints details](../img/webapp_model_endpoints_details_dark.png#dark-mode-only) ### Monitor The Monitor tab displays the endpoint's operational metrics and resource usage over time graphs: @@ -78,7 +81,8 @@ The Monitor tab displays the endpoint's operational metrics and resource usage o * Video Memory Usage * Network Usage -![Endpoints monitor](../img/webapp_model_endpoints_monitor.png) +![Endpoints monitor](../img/webapp_model_endpoints_monitor.png#light-mode-only) +![Endpoints monitor](../img/webapp_model_endpoints_monitor_dark.png#dark-mode-only) The graphs' time span can be controlled through the menu at its top right corner. Click Eye Show to control which diff --git a/docs/webapp/webapp_model_table.md b/docs/webapp/webapp_model_table.md index 8d93ea57..bad53f94 100644 --- a/docs/webapp/webapp_model_table.md +++ b/docs/webapp/webapp_model_table.md @@ -22,7 +22,8 @@ and choosing one of these options: The downloaded data consists of the currently displayed table columns. -![Models table](../img/webapp_models_01.png) +![Models table](../img/webapp_models_01.png#light-mode-only) +![Models table](../img/webapp_models_01_dark.png#dark-mode-only) ## Models Table Columns @@ -108,7 +109,8 @@ Select multiple models, then use either the context menu, or the bar that appear operations on the selected models. The context menu shows the number of models that can be affected by each action. The same information can be found in the bottom menu, in a tooltip that appears when hovering over an action icon. -![Models table batch operations](../img/webapp_models_table_batch_operations.png) +![Models table batch operations](../img/webapp_models_table_batch_operations.png#light-mode-only) +![Models table batch operations](../img/webapp_models_table_batch_operations_dark.png#dark-mode-only) ## Tagging Models diff --git a/docs/webapp/webapp_model_viewing.md b/docs/webapp/webapp_model_viewing.md index ca3f8c90..aa5ccee4 100644 --- a/docs/webapp/webapp_model_viewing.md +++ b/docs/webapp/webapp_model_viewing.md @@ -24,18 +24,21 @@ The **GENERAL** tab lists the model's General information including: If the model is stored in a network location, it can be downloaded by clicking the model URL. If the model was stored on the local machine you can copy its URL to manually access it. -![Model general information](../img/webapp_model_general.png) +![Model general information](../img/webapp_model_general.png#light-mode-only) +![Model general information](../img/webapp_model_general_dark.png#dark-mode-only) ## Model Configuration The **NETWORK** tab displays the model's configuration. -![Model network](../img/webapp_model_network.png) +![Model network](../img/webapp_model_network.png#light-mode-only) +![Model network](../img/webapp_model_network_dark.png#dark-mode-only) Hover over the model configuration area to access the following actions: -![Model config actions](../img/webapp_model_config_actions.png) +![Model config actions](../img/webapp_model_config_actions.png#light-mode-only) +![Model config actions](../img/webapp_model_config_actions_dark.png#dark-mode-only) * Magnifying glass Search * Copy Copy configuration @@ -46,24 +49,28 @@ Hover over the model configuration area to access the following actions: The **LABELS** tab displays for each class label (`Label`) its name and enumerated value (`ID`). -![Model label enumeration](../img/webapp_model_labels.png) +![Model label enumeration](../img/webapp_model_labels.png#light-mode-only) +![Model label enumeration](../img/webapp_model_labels_dark.png#dark-mode-only) To modify / add / delete class labels (for *Draft* models), hover over the label table and click **EDIT**. This opens the label editing window. -![Model label editing](../img/webapp_model_labels_edit.png) +![Model label editing](../img/webapp_model_labels_edit.png#light-mode-only) +![Model label editing](../img/webapp_model_labels_edit_dark.png#dark-mode-only) ## Metadata The **METADATA** tab lists the model's metadata entries, which consist of a key, type, and value. -![Model metadata](../img/webapp_model_metadata.png) +![Model metadata](../img/webapp_model_metadata.png#light-mode-only) +![Model metadata](../img/webapp_model_metadata_dark.png#dark-mode-only) To modify / add / delete model metadata items, hover over the metadata table and click **EDIT**. This opens the metadata editing window. -![Model metadata editing](../img/webapp_model_metadata_edit.png) +![Model metadata editing](../img/webapp_model_metadata_edit.png#light-mode-only) +![Model metadata editing](../img/webapp_model_metadata_edit_dark.png#dark-mode-only) ## Lineage @@ -75,7 +82,8 @@ You can filter the task list by tags and task status. Use the search bar to look for experiments based on their name, ID, or description. -![Model lineage](../img/webapp_model_lineage.png) +![Model lineage](../img/webapp_model_lineage.png#light-mode-only) +![Model lineage](../img/webapp_model_lineage_dark.png#dark-mode-only) ## Scalars @@ -91,7 +99,8 @@ are retrieved when the report is displayed allowing your reports to show the lat For better plot analysis, see [Plot Controls](webapp_exp_track_visual.md#plot-controls). -![Model scalars](../img/webapp_model_scalars.png) +![Model scalars](../img/webapp_model_scalars.png#light-mode-only) +![Model scalars](../img/webapp_model_scalars_dark.png#dark-mode-only) ## Plots @@ -104,5 +113,6 @@ are retrieved when the report is displayed allowing your reports to show the lat For better plot analysis, see [Plot Controls](webapp_exp_track_visual.md#plot-controls). -![Model plots](../img/webapp_model_plots.png) +![Model plots](../img/webapp_model_plots.png#light-mode-only) +![Model plots](../img/webapp_model_plots_dark.png#dark-mode-only) diff --git a/docs/webapp/webapp_orchestration_dash.md b/docs/webapp/webapp_orchestration_dash.md index 1b705db6..2c8059b3 100644 --- a/docs/webapp/webapp_orchestration_dash.md +++ b/docs/webapp/webapp_orchestration_dash.md @@ -12,7 +12,8 @@ Use the orchestration dashboard to monitor all of your available and in-use comp * Resource history event log * Detailed resource performance metrics -![Orchestration Dashboard](../img/webapp_orchestration_dash.png) +![Orchestration Dashboard](../img/webapp_orchestration_dash.png#light-mode-only) +![Orchestration Dashboard](../img/webapp_orchestration_dash_dark.png#dark-mode-only) ## Resource Categories and Groups The orchestration dashboard shows your workers by groups and categories, specified by the following naming @@ -82,7 +83,8 @@ to access the worker's information panel. The table highlights values that cross user configured thresholds. -![Resource groups](../img/webapp_orch_dash_resource_groups.png) +![Resource groups](../img/webapp_orch_dash_resource_groups.png#light-mode-only) +![Resource groups](../img/webapp_orch_dash_resource_groups_dark.png#dark-mode-only) Click Tune to define the threshold values. @@ -90,12 +92,18 @@ Click Tune + +![Threshold modal](../img/webapp_orch_dash_threshold_modal.png#light-mode-only) +![Threshold modal](../img/webapp_orch_dash_threshold_modal_dark.png#dark-mode-only) + + Clicking on a resource group opens the group's info panel and replace the **Overview** graph with that resource's usage history. -![Resource group info panel](../img/webapp_orch_dash_resource_group_info.png) +![Resource group info panel](../img/webapp_orch_dash_resource_group_info.png#light-mode-only) +![Resource group info panel](../img/webapp_orch_dash_resource_group_info_dark.png#dark-mode-only) The info panel displays the group's: * Total GPU count diff --git a/docs/webapp/webapp_overview.md b/docs/webapp/webapp_overview.md index bd337985..f34d403c 100644 --- a/docs/webapp/webapp_overview.md +++ b/docs/webapp/webapp_overview.md @@ -9,7 +9,8 @@ The **ClearML Web UI** is the graphical user interface for the ClearML platform, * Profile management * Direct access to the ClearML community (Slack channel, YouTube, and GitHub). -![WebApp screenshots gif](../img/gif/webapp_screenshots.gif) +![WebApp screenshots gif](../img/gif/webapp_screenshots.gif#light-mode-only) +![WebApp screenshots gif](../img/gif/webapp_screenshots_dark.gif#dark-mode-only) ## UI Modules The WebApp's sidebar provides access to the following modules: diff --git a/docs/webapp/webapp_project_overview.md b/docs/webapp/webapp_project_overview.md index b436c1fe..aa6cbbfe 100644 --- a/docs/webapp/webapp_project_overview.md +++ b/docs/webapp/webapp_project_overview.md @@ -7,6 +7,7 @@ that can show a snapshot of specified metrics' values across the project's exper project's description. When either overview option is utilized, the **OVERVIEW** tab becomes the project's landing page, meaning that it's the first thing that is seen when opening the project. + ![Project overview](../img/webapp_project_overview.png) ## Metric Snapshot @@ -23,7 +24,8 @@ value to show
-![Metric Snapshot selection](../img/webapp_metric_snapshot_selection.png) +![Metric Snapshot selection](../img/webapp_metric_snapshot_selection.png#light-mode-only) +![Metric Snapshot selection](../img/webapp_metric_snapshot_selection_dark.png#dark-mode-only)
@@ -43,7 +45,8 @@ metric/variant combination. Hover over a point in the snapshot, and a box will appear with the details of the experiment associated with the metric value. Click the point to go to the experiment's details page. -![Project overview tab gif](../img/gif/webapp_metric_snapshot.gif) +![Project overview tab gif](../img/gif/webapp_metric_snapshot.gif#light-mode-only) +![Project overview tab gif](../img/gif/webapp_metric_snapshot_dark.gif#dark-mode-only) ## Project Description diff --git a/docs/webapp/webapp_projects_page.md b/docs/webapp/webapp_projects_page.md index 0576f089..4376ab38 100644 --- a/docs/webapp/webapp_projects_page.md +++ b/docs/webapp/webapp_projects_page.md @@ -9,7 +9,8 @@ projects in your workspace. Projects that contain nested subprojects are identif An exception is the **All Experiments** folder, which shows all projects' and subprojects' contents in a single, flat list. -![Projects page](../img/webapp_project_page.png) +![Projects page](../img/webapp_project_page.png#light-mode-only) +![Projects page](../img/webapp_project_page_dark.png#dark-mode-only) If a project has any subprojects, clicking its folder will open its own project page. Access the projects' top-level contents (i.e. experiments, models etc.) via the folder with the bracketed (`[ ]`) project name. @@ -23,7 +24,8 @@ Project folders display summarized project information:
-![Project card](../img/webapp_project_card.png) +![Project card](../img/webapp_project_card.png#light-mode-only) +![Project card](../img/webapp_project_card_dark.png#dark-mode-only)
@@ -32,7 +34,8 @@ Project folders display summarized project information:
- ![Subproject tab](../img/webapp_sub_project_card.png) + ![Subproject tab](../img/webapp_sub_project_card.png#light-mode-only) + ![Subproject tab](../img/webapp_sub_project_card_dark.png#dark-mode-only)
@@ -47,7 +50,8 @@ are labeled with Hidden project <br/> -![Hidden project configuration](../img/settings_hidden_projects.png) +![Hidden project configuration](../img/settings_hidden_projects.png#light-mode-only) +![Hidden project configuration](../img/settings_hidden_projects_dark.png#dark-mode-only) </Collapsible> @@ -56,7 +60,12 @@ are labeled with <img src= on the top right of a project folder to open its context menu and access the following project actions: -![Project context menu](../img/webapp_projects_context_menu.png) +
+ +![Project context menu](../img/webapp_projects_context_menu.png#light-mode-only) +![Project context menu](../img/webapp_projects_context_menu_dark.png#dark-mode-only) + +
* **Edit** - Rename the project and/or modify its default output destination. * **New Project** - Create a new project (by default a subproject). @@ -75,7 +84,12 @@ action. For more information see [Custom UI Context Menu Actions](../deploying_c To create a project, click the **+ NEW PROJECT** button in the top right of the page or in a project's context menu, which will open a **New Project** modal. -![New project modal](../img/webapp_projects_new_project.png) +
+ +![New project modal](../img/webapp_projects_new_project.png#light-mode-only) +![New project modal](../img/webapp_projects_new_project_dark.png#dark-mode-only) + +
* Project name * Create in - Where the project should be created, either as a top-level project (create in `Projects root`) or as a diff --git a/docs/webapp/webapp_reports.md b/docs/webapp/webapp_reports.md index af764033..fb94367c 100644 --- a/docs/webapp/webapp_reports.md +++ b/docs/webapp/webapp_reports.md @@ -31,7 +31,8 @@ Reports are editable Markdown documents, supporting: * Embedded images uploaded from your computer * Embedded ClearML task, model, and [app](applications/apps_overview.md) content -![Report](../img/webapp_report.png) +![Report](../img/webapp_report.png#light-mode-only) +![Report](../img/webapp_report_dark.png#dark-mode-only) Publishing a report locks it for future editing, so you can preserve its contents. You can also share your reports, download a PDF copy, or simply copy the MarkDown content and reuse in your editor of choice. @@ -49,16 +50,19 @@ To add a graphic resource: object comparison) 2. Hover over the resource and click Generate embed code. - ![Reports step 2](../img/reports_step_2.png) + ![Reports step 2](../img/reports_step_2.png#light-mode-only) + ![Reports step 2](../img/reports_step_2_dark.png#dark-mode-only) Click `Embed in ClearML report`. This generates the embed code for accessing the resource, and copies it to your clipboard. - ![Reports step 2a](../img/reports_step_2a.png) + ![Reports step 2a](../img/reports_step_2a.png#light-mode-only) + ![Reports step 2a](../img/reports_step_2a_dark.png#dark-mode-only) 3. Return to your report page and paste the code snippet - ![Reports step 3](../img/reports_step_3.png) + ![Reports step 3](../img/reports_step_3.png#light-mode-only) + ![Reports step 3](../img/reports_step_3_dark.png#dark-mode-only) Once embedded in the report, you can return to the resource's original location (e.g. comparison page, experiment/model/app page) by clicking Return to resource. @@ -171,14 +175,16 @@ or in List view List view -![Report project card](../img/webapp_report_project_card.png) +![Report project card](../img/webapp_report_project_card.png#light-mode-only) +![Report project card](../img/webapp_report_project_card_dark.png#dark-mode-only) @@ -190,7 +196,8 @@ In List view, the report cards display summarized report information:
-![report card](../img/webapp_report_card.png) +![report card](../img/webapp_report_card.png#light-mode-only) +![report card](../img/webapp_report_card_dark.png#dark-mode-only)
@@ -209,7 +216,8 @@ of a report card to open its context menu and access report actions:
-![Report card context menu](../img/webapp_report_card_context_menu.png) +![Report card context menu](../img/webapp_report_card_context_menu.png#light-mode-only) +![Report card context menu](../img/webapp_report_card_context_menu_dark.png#dark-mode-only)
@@ -225,7 +233,8 @@ of a report card to open its context menu and access report actions: To create a report, click the **+ NEW REPORT** button in the top right of the page, which will open a **New Report** modal. -![New project modal](../img/webapp_report_new_report.png) +![New project modal](../img/webapp_report_new_report.png#light-mode-only) +![New project modal](../img/webapp_report_new_report_dark.png#dark-mode-only) ## MarkDown Formatting Quick Guide @@ -236,9 +245,9 @@ The following is a quick reference for the MarkDown syntax that can be used in C To create headings, add `#` in front of the phrases that you want to turn into headings. The number of `#` signs correspond to the heading level (i.e. `#` for level-1 heading, `##` for level-2, etc.): -| MarkDown | Rendered Output | -|---|---| -| # H1
## H2
### H3
#### H4
##### H5
###### H6|![Report headings](../img/reports_headings.png)| +| MarkDown | Rendered Output | +|---|-------------------------------------------------------------------------------------------------------------------------------------| +| # H1
## H2
### H3
#### H4
##### H5
###### H6| ![Report headings](../img/reports_headings.png#light-mode-only) ![Report headings](../img/reports_headings_dark.png#dark-mode-only) | ### Text Emphasis @@ -256,9 +265,9 @@ The following table presents the text format options: To create a blockquote, add a `>` before each line of the quote. Nest blockquotes by adding additional `>` signs before each line of the nested blockquote. -| MarkDown | Rendered Output | -|---|---| -| \> Blockquote
\>\> Nested quote 1
\>\>\> Nested quote 2|![Report Blockquotes](../img/reports_blockquotes.png)| +| MarkDown | Rendered Output | +|---|-------------------------------------------------------------------------------------------------------------------------------------------------| +| \> Blockquote
\>\> Nested quote 1
\>\>\> Nested quote 2| ![Report Blockquotes](../img/reports_blockquotes.png#light-mode-only) ![Report Blockquotes](../img/reports_blockquotes_dark.png#dark-mode-only) | ### Lists @@ -267,9 +276,9 @@ To create a blockquote, add a `>` before each line of the quote. Nest blockquote Create an ordered list by numbering the list items with numbers followed by periods. The list items do not have to be numbered correctly, but the list will be rendered numerically starting with `1.`. -| MarkDown | Rendered Output | -|---|---| -| 1. Item 1
2. Item 2
1. Item 3
1. Item 4|![Report ordered list](../img/reports_ordered_list.png)| +| MarkDown | Rendered Output | +|---|-----------------------------------------------------------------------------------------------------------------------------------------------------| +| 1. Item 1
2. Item 2
1. Item 3
1. Item 4| ![Report ordered list](../img/reports_ordered_list.png#light-mode-only) ![Report ordered list](../img/reports_ordered_list_dark.png#dark-mode-only) | #### Unordered List @@ -280,9 +289,9 @@ You can also use checkmarks (`* [x]`), following any of the bullet signs. To nest lists, indent nested items 2 spaces more than their parent list item. -| MarkDown | Rendered Output | -|---|---| -| + Item 1
+ Item 2
  - Sub-item a:
    \* Sub-sub-item x
    + Sub-sub-item y
    - Sub-sub-item z
\* [x] A checkmark |![Report unordered list](../img/reports_unordered_list.png)| +| MarkDown | Rendered Output | +|---|-------------------------------------------------------------------------------------------------------------------------------------------------------------| +| + Item 1
+ Item 2
  - Sub-item a:
    \* Sub-sub-item x
    + Sub-sub-item y
    - Sub-sub-item z
\* [x] A checkmark | ![Report unordered list](../img/reports_unordered_list.png#light-mode-only) ![Report unordered list](../img/reports_unordered_list_dark.png#dark-mode-only) | ### Tables @@ -298,7 +307,8 @@ MarkDown code for a table looks like this: The rendered output should look like this: -![Reports table](../img/reports_table.png) +![Reports table](../img/reports_table.png#light-mode-only) +![Reports table](../img/reports_table_dark.png#dark-mode-only) Add the table column names in the first row; each name is preceded and followed by a pipe (`|`). In the second row, add sets of at least three hyphens (`---`) for each column, and add a pipe before and after each set @@ -403,9 +413,9 @@ It is rendered like this: Create horizontal lines using three hyphens (`---`), underscores (`___`), or asterisks (`***`): -| MarkDown | Rendered Output | -|---|---| -| ---

___

***|![Reports horizontal rules](../img/reports_horizontal_rules.png)| +| MarkDown | Rendered Output | +|---|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------| +| ---

___

***| ![Reports horizontal rules](../img/reports_horizontal_rules.png#light-mode-only) ![Reports horizontal rules](../img/reports_horizontal_rules_dark.png#dark-mode-only) | ### Images diff --git a/docs/webapp/webapp_workers_queues.md b/docs/webapp/webapp_workers_queues.md index da7db73e..0aca3c16 100644 --- a/docs/webapp/webapp_workers_queues.md +++ b/docs/webapp/webapp_workers_queues.md @@ -42,7 +42,8 @@ For more information about how autoscalers work, see the [Cloud Autoscaling Over For more information about a specific autoscaler, see [AWS Autoscaler](applications/apps_aws_autoscaler.md) and/or [GCP Autoscaler](applications/apps_gcp_autoscaler.md). -![Cloud autoscalers](../img/webapp_orchestration_autoscalers.png) +![Cloud autoscalers](../img/webapp_orchestration_autoscalers.png#light-mode-only) +![Cloud autoscalers](../img/webapp_orchestration_autoscalers_dark.png#dark-mode-only) ## Workers @@ -76,7 +77,8 @@ The worker's details panel includes the following two tabs: * Next experiment - The next experiment available in this queue * In Queue - The number of experiments currently enqueued -![Worker management](../img/agents_queues_resource_management.png) +![Worker management](../img/agents_queues_resource_management.png#light-mode-only) +![Worker management](../img/agents_queues_resource_management_dark.png#dark-mode-only) @@ -98,12 +100,14 @@ To create a new queue - Click **+ NEW QUEUE** (top left). Hover over a queue and click Copy to copy the queue's ID. -![image](../img/4100.png) +![Queues](../img/4100.png#light-mode-only) +![Queues](../img/4100_dark.png#dark-mode-only) Right-click on a queue or hover and click its action button Dot menu to access queue actions: -![Queue context menu](../img/webapp_workers_queues_context.png) +![Queue context menu](../img/webapp_workers_queues_context.png#light-mode-only) +![Queue context menu](../img/webapp_workers_queues_context_dark.png#dark-mode-only) * Delete - Delete the queue. Any pending tasks will be dequeued. * Rename - Change the queue's name @@ -130,7 +134,8 @@ The queue's details panel includes the following two tabs: Click on an experiment's menu button Dot menu in the **EXPERIMENTS** tab to reorganize your queue: -![Queue experiment's menu](../img/workers_queues_experiment_actions.png) +![Queue experiment's menu](../img/workers_queues_experiment_actions.png#light-mode-only) +![Queue experiment's menu](../img/workers_queues_experiment_actions_dark.png#dark-mode-only) * Move a task to the top or bottom of the queue * Move the task to a different queue diff --git a/src/css/custom.css b/src/css/custom.css index ec5f77ed..b8db16a1 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -601,6 +601,10 @@ html[data-theme=dark] .medium-zoom-image.medium-zoom-image--opened {border-radiu .medium-zoom--opened .medium-zoom-overlay {z-index: 1000;} .medium-zoom-image.medium-zoom-image--opened {z-index: 1001;} +[data-theme='light'] img[src$='#dark-mode-only'], +[data-theme='dark'] img[src$='#light-mode-only'] { + display: none; +} /* table */ .markdown table { border-spacing: 0;