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_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/webapp/pipelines/webapp_pipeline_viewing.md b/docs/webapp/pipelines/webapp_pipeline_viewing.md index 95d08fb4..7493e799 100644 --- a/docs/webapp/pipelines/webapp_pipeline_viewing.md +++ b/docs/webapp/pipelines/webapp_pipeline_viewing.md @@ -27,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:
-![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)
@@ -49,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)