diff --git a/docs/hyper_datasets.md b/docs/hyper_datasets.md index 4c2feb7f..96a20312 100644 --- a/docs/hyper_datasets.md +++ b/docs/hyper_datasets.md @@ -27,7 +27,8 @@ data lineages can be created, and users can track when and how their data change you can view a dataset's version history, as well as its contents, including annotations, metadata, masks, and other information. -![Frame viewer](img/hyperdatasets/web-app/dataset_example_frame_editor.png) +![Frame viewer](img/hyperdatasets/dataset_example_frame_editor.png#light-mode-only) +![Frame viewer](img/hyperdatasets/dataset_example_frame_editor_dark.png#dark-mode-only) The basic premise of Hyper-Datasets is that a user-formed query is a full representation of the dataset used by the ML/DL process. Hyper-Datasets decouple metadata from raw data files, allowing you to manipulate metadata through sophisticated diff --git a/docs/hyperdatasets/masks.md b/docs/hyperdatasets/masks.md index 69e7fd98..ded8dde4 100644 --- a/docs/hyperdatasets/masks.md +++ b/docs/hyperdatasets/masks.md @@ -24,7 +24,8 @@ See how to manage dataset version mask labels pythonically [here](dataset.md#man In the UI, you can view the mapping in a dataset version's [Metadata](webapp/webapp_datasets_versioning.md#metadata) tab. -![Dataset metadata panel](../img/hyperdatasets/dataset_metadata.png) +![Dataset metadata panel](../img/hyperdatasets/dataset_metadata.png#light-mode-only) +![Dataset metadata panel](../img/hyperdatasets/dataset_metadata_dark.png#dark-mode-only) When viewing a frame with a mask corresponding with the version's mask-label mapping, the UI arbitrarily assigns a color to each label. The color assignment can be [customized](webapp/webapp_datasets_frames.md#labels). @@ -32,12 +33,14 @@ to each label. The color assignment can be [customized](webapp/webapp_datasets_f For example: * Original frame image: - ![Frame without mask](../img/hyperdatasets/dataset_pixel_masks_1.png) + ![Frame without mask](../img/hyperdatasets/dataset_pixel_masks_1.png#light-mode-only) + ![Frame without mask](../img/hyperdatasets/dataset_pixel_masks_1_dark.png#dark-mode-only) * Frame image with the semantic segmentation mask enabled. Labels are applied according to the dataset version's mask-label mapping: - ![Frame with semantic seg mask](../img/hyperdatasets/dataset_pixel_masks_2.png) + ![Frame with semantic seg mask](../img/hyperdatasets/dataset_pixel_masks_2.png#light-mode-only) + ![Frame with semantic seg mask](../img/hyperdatasets/dataset_pixel_masks_2_dark.png#dark-mode-only) The frame's sources array contains a masks list of dictionaries that looks something like this: @@ -75,11 +78,13 @@ desired sections of the source are visible. For example: * Original frame: - ![Maskless frame](../img/hyperdatasets/dataset_alpha_masks_1.png) + ![Maskless frame](../img/hyperdatasets/dataset_alpha_masks_1.png#light-mode-only) + ![Maskless frame](../img/hyperdatasets/dataset_alpha_masks_1_dark.png#dark-mode-only) * Same frame with an alpha channel mask, emphasizing the troll doll: - ![Alpha mask frame](../img/hyperdatasets/dataset_alpha_masks_2.png) + ![Alpha mask frame](../img/hyperdatasets/dataset_alpha_masks_2.png#light-mode-only) + ![Alpha mask frame](../img/hyperdatasets/dataset_alpha_masks_2_dark.png#dark-mode-only) The frame's sources array contains a masks list of dictionaries that looks something like this: diff --git a/docs/hyperdatasets/previews.md b/docs/hyperdatasets/previews.md index 2b30e677..d91594aa 100644 --- a/docs/hyperdatasets/previews.md +++ b/docs/hyperdatasets/previews.md @@ -90,8 +90,10 @@ The following is an example of preview metadata. Here's an example of Previews in the ClearML Enterprise WebApp (UI). Each thumbnail is a Preview: -![Previews](../img/hyperdatasets/web-app/dataset_versions.png) +![Previews](../img/hyperdatasets/dataset_versions.png#light-mode-only) +![Previews](../img/hyperdatasets/dataset_versions_dark.png#dark-mode-only) If the preview's `uri` is for a video, the thumbnail will display the video with video controls: -![Video previews](../img/hyperdatasets/video_preview.png) \ No newline at end of file +![Video previews](../img/hyperdatasets/video_preview.png#light-mode-only) +![Video previews](../img/hyperdatasets/video_preview_dark.png#dark-mode-only) \ No newline at end of file diff --git a/docs/hyperdatasets/single_frames.md b/docs/hyperdatasets/single_frames.md index 45915ca3..d613f820 100644 --- a/docs/hyperdatasets/single_frames.md +++ b/docs/hyperdatasets/single_frames.md @@ -147,7 +147,8 @@ object annotations, its metadata, and other details. This image shows a SingleFrame in the ClearML Enterprise WebApp (UI) [frame viewer](webapp/webapp_datasets_frames.md#frame-viewer). -![image](../img/hyperdatasets/frame_overview_01.png) +![SingleFrame in WebApp](../img/hyperdatasets/frame_overview_01.png#light-mode-only) +![SingleFrame in WebApp](../img/hyperdatasets/frame_overview_01_dark.png#dark-mode-only) diff --git a/docs/hyperdatasets/webapp/webapp_annotator.md b/docs/hyperdatasets/webapp/webapp_annotator.md index 495a91f1..fb48de89 100644 --- a/docs/hyperdatasets/webapp/webapp_annotator.md +++ b/docs/hyperdatasets/webapp/webapp_annotator.md @@ -7,7 +7,8 @@ Use the Annotations page to access and manage annotation Tasks. Use annotation tasks to efficiently organize the annotation of frames in Dataset versions and manage the work of annotators (see [Annotating Images and Videos](#annotating-images-and-video)). -![Annotations page](../../img/annotation_page.png) +![Annotations page](../../img/hyperdatasets/annotation_page.png#light-mode-only) +![Annotations page](../../img/hyperdatasets/annotation_page_dark.png#dark-mode-only) Click on an annotation task card to open the frame viewer, where you can view the task's frames and annotate them. @@ -15,7 +16,12 @@ Click on an annotation task card to open the frame viewer, where you can view th Click Menu on the top right of an annotation task card to open its context menu and access annotation task actions. -![Annotation task card](../../img/annotation_task_card.png) +
+ +![Annotation task card](../../img/hyperdatasets/annotation_task_card.png#light-mode-only) +![Annotation task card](../../img/hyperdatasets/annotation_task_card_dark.png#dark-mode-only) + +
* **Annotate** - Go to annotation task frame viewer * **Info** - View annotation task's definitions: dataset versions, filters, and frame iteration specification @@ -32,7 +38,8 @@ Sort the annotation tasks by either using **RECENT** or **NAME** option. ## Creating Annotation Tasks -![Annotation task creation modal](../../img/hyperdatasets/annotation_task_01.png) +![Annotation task creation modal](../../img/hyperdatasets/annotation_task_01.png#light-mode-only) +![Annotation task creation modal](../../img/hyperdatasets/annotation_task_01_dark.png#dark-mode-only) **To create an annotation task:** @@ -61,7 +68,7 @@ Sort the annotation tasks by either using **RECENT** or **NAME** option. 1. Click **Create**. -## Annotating Images and Video +## Annotating Images and Video Annotate images and video by labeling regions of interest in Dataset version frames. The frames presented for annotation depend upon the settings in the annotation task (see [Creating Annotation Tasks](#creating-annotation-tasks)). diff --git a/docs/hyperdatasets/webapp/webapp_datasets.md b/docs/hyperdatasets/webapp/webapp_datasets.md index d9293748..cddbe574 100644 --- a/docs/hyperdatasets/webapp/webapp_datasets.md +++ b/docs/hyperdatasets/webapp/webapp_datasets.md @@ -20,7 +20,8 @@ Filter the hyper-datasets to find the one you're looking for more easily. These * Filter by the absence of a tag (logical "NOT") by clicking its checkbox twice. An X will appear in the tag's checkbox. -![Hyper-Dataset page](../../img/hyperdatasets/datasets_01.png) +![Hyper-Dataset page](../../img/hyperdatasets/datasets_01.png#light-mode-only) +![Hyper-Dataset page](../../img/hyperdatasets/datasets_01_dark.png#dark-mode-only) ## Project Cards @@ -28,7 +29,8 @@ In Project view, project cards display a project's summarized hyper-dataset info
-![Hyper-Dataset project card](../../img/hyperdatasets/hyperdataset_project_card.png) +![Hyper-Dataset project card](../../img/hyperdatasets/hyperdataset_project_card.png#light-mode-only) +![Hyper-Dataset project card](../../img/hyperdatasets/hyperdataset_project_card_dark.png#dark-mode-only)
@@ -45,7 +47,8 @@ In List view, the Hyper-Dataset cards display summarized dataset information:
-![Hyper-Dataset card](../../img/hyperdatasets/hyperdataset_card.png) +![Hyper-Dataset card](../../img/hyperdatasets/hyperdataset_card.png#light-mode-only) +![Hyper-Dataset card](../../img/hyperdatasets/hyperdataset_card_dark.png#dark-mode-only)
@@ -70,9 +73,10 @@ To change the label color coding, hover over a label color, click the hand point Click Menu on the top right of a dataset card to open its context menu and access dataset actions: -
+
-![Hyper-Dataset context menu](../../img/webapp_hyperdataset_card_context_menu.png) +![Hyper-Dataset context menu](../../img/hyperdatasets/webapp_hyperdataset_card_context_menu.png#light-mode-only) +![Hyper-Dataset context menu](../../img/hyperdatasets/webapp_hyperdataset_card_context_menu_dark.png#dark-mode-only)
@@ -85,6 +89,11 @@ of a dataset card to open its context menu and access dataset actions: To create a Hyper-Dataset, click the **+ NEW DATASET** button in the top right of the page, which will open a **New Dataset** modal. -![Hyper-Dataset creation modal](../../img/webapp_hyperdataset_creation.png) +
+ +![Hyper-Dataset creation modal](../../img/hyperdatasets/webapp_hyperdataset_creation.png#light-mode-only) +![Hyper-Dataset creation modal](../../img/hyperdatasets/webapp_hyperdataset_creation_dark.png#dark-mode-only) + +
This creates a new Hyper-Dataset that contains a single, empty draft version. diff --git a/docs/hyperdatasets/webapp/webapp_datasets_frames.md b/docs/hyperdatasets/webapp/webapp_datasets_frames.md index 35b7d2a7..ca92d2c8 100644 --- a/docs/hyperdatasets/webapp/webapp_datasets_frames.md +++ b/docs/hyperdatasets/webapp/webapp_datasets_frames.md @@ -7,14 +7,16 @@ of frames and enables viewing SingleFrames and FramesGroups, and editing SingleF Before opening the frame viewer, you can filter the frames by applying [simple](webapp_datasets_versioning.md#simple-frame-filtering) or [advanced](webapp_datasets_versioning.md#advanced-frame-filtering) filtering logic. -![Dataset page](../../img/hyperdatasets/web-app/dataset_versions.png) +![Dataset page](../../img/hyperdatasets/dataset_versions.png#light-mode-only) +![Dataset page](../../img/hyperdatasets/dataset_versions_dark.png#dark-mode-only) ## Frame Viewer Use the frame viewer to view and edit annotations (ROIs and frame labels), frame details (see [frames](../frames.md)), and frame metadata, as well as view frame masks of your dataset version frames. -![Frame viewer](../../img/hyperdatasets/web-app/dataset_example_frame_editor.png) +![Frame viewer](../../img/hyperdatasets/dataset_example_frame_editor.png#light-mode-only) +![Frame viewer](../../img/hyperdatasets/dataset_example_frame_editor_dark.png#dark-mode-only) ### Frame Viewer Controls @@ -93,13 +95,15 @@ Viewing and editing frames in a FrameGroup is similar to viewing and editing Sin Click the FrameGroup in the Hyper-Dataset. In the frame viewer, select SingleFrame to view / modify from a dropdown list in the **Current Source** section. -![Frame dropdown menu in FrameGroup](../../img/hyperdatasets/framegroup_01.png) +![Frame dropdown menu in FrameGroup](../../img/hyperdatasets/framegroup_01.png#light-mode-only) +![Frame dropdown menu in FrameGroup](../../img/hyperdatasets/framegroup_01_dark.png#dark-mode-only) If an annotation applies to all frames in a FrameGroup, it is displayed with a `Multi Source` indicator:
-![Multi-source ROI](../../img/hyperdatasets/multi_source_annotation.png) +![Multi-source ROI](../../img/hyperdatasets/multi_source_annotation.png#light-mode-only) +![Multi-source ROI](../../img/hyperdatasets/multi_source_annotation_dark.png#dark-mode-only)
@@ -171,7 +175,8 @@ Click the color circle in the label name to manually set the label's color.
-![Set label color](../../img/annotation_label_color.png) +![Set label color](../../img/hyperdatasets/annotation_label_color.png#light-mode-only) +![Set label color](../../img/hyperdatasets/annotation_label_color_dark.png#dark-mode-only)
@@ -179,7 +184,8 @@ Click the color circle in the annotation header to manually set the annotation
-![Set annotation color and opacity](../../img/annotation_label_opacity.png) +![Set annotation color and opacity](../../img/hyperdatasets/annotation_label_opacity.png#light-mode-only) +![Set annotation color and opacity](../../img/hyperdatasets/annotation_label_opacity_dark.png#dark-mode-only)
::: diff --git a/docs/hyperdatasets/webapp/webapp_datasets_versioning.md b/docs/hyperdatasets/webapp/webapp_datasets_versioning.md index 7f83af9e..7f2c70e8 100644 --- a/docs/hyperdatasets/webapp/webapp_datasets_versioning.md +++ b/docs/hyperdatasets/webapp/webapp_datasets_versioning.md @@ -5,7 +5,8 @@ title: Dataset Versions Use the Dataset versioning WebApp (UI) features for viewing, creating, modifying, and deleting [Dataset versions](../dataset.md#dataset-versioning). -![Dataset versions page](../../img/hyperdatasets/web-app/dataset_versions.png) +![Dataset versions page](../../img/hyperdatasets/dataset_versions.png#light-mode-only) +![Dataset versions page](../../img/hyperdatasets/dataset_versions_dark.png#dark-mode-only) ## Dataset Version History The WebApp (UI) presents your dataset version structure in tree view Tree view @@ -13,11 +14,21 @@ or list view List view + +![Versions tree view](../../img/hyperdatasets/dataset_simple_adv_02.png#light-mode-only) +![Versions tree view](../../img/hyperdatasets/dataset_simple_adv_02_dark.png#dark-mode-only) + +
The list view lists the dataset's versions chronologically by last update time. -![Versions list view](../../img/hyperdatasets/web-app/dataset_simple_adv_01.png) +
+ +![Versions list view](../../img/hyperdatasets/dataset_simple_adv_01.png#light-mode-only) +![Versions list view](../../img/hyperdatasets/dataset_simple_adv_01_dark.png#dark-mode-only) + +
Click Sort order to order the dataset versions in ascending or descending order based on their last update time. @@ -27,7 +38,12 @@ all versions that match the query. In tree view, parent versions that do not match the query where a child version does appear in a muted color. -![Dataset version search](../../img/hyperdatasets/hyperdataset_search_2.png) +
+ +![Dataset version search](../../img/hyperdatasets/hyperdataset_search_2.png#light-mode-only) +![Dataset version search](../../img/hyperdatasets/hyperdataset_search_2_dark.png#dark-mode-only) + +
### Version Actions @@ -43,7 +59,13 @@ Access dataset version actions, by right-clicking a version, or through the menu When publishing a version, you can create an additional working copy. The new version is created in a *draft* state, and inherits all the published version's frames. -![Publish version modal](../../img/hyperdataset_publish_version.png) +
+ +![Publish version modal](../../img/hyperdatasets/hyperdataset_publish_version.png#light-mode-only) +![Publish version modal](../../img/hyperdatasets/hyperdataset_publish_version_dark.png#dark-mode-only) + +
+ ::: ## Version Data @@ -67,12 +89,14 @@ Use the thumbnail view for a visual preview of the version's frames. You can inc and decrease Zoom out the size of the previews. -![Frame browser thumbnails](../../img/hyperdatasets/frame_browser_thumbnails.png) +![Frame browser thumbnails](../../img/hyperdatasets/frame_browser_thumbnails.png#light-mode-only) +![Frame browser thumbnails](../../img/hyperdatasets/frame_browser_thumbnails_dark.png#dark-mode-only) Use the table view to list the version's frames in a customizable table. Click Setting Gear for column customization options. -![Frame browser list](../../img/hyperdatasets/frame_browser_list.png) +![Frame browser list](../../img/hyperdatasets/frame_browser_list.png#light-mode-only) +![Frame browser list](../../img/hyperdatasets/frame_browser_list_dark.png#dark-mode-only) The dataset version's frames can be filtered by multiple criteria. The resulting frames can be [exported as a JSON file](#exporting-frames). @@ -88,11 +112,13 @@ Simple frame filtering returns frames containing at least one annotation with a * The **FRAMES** tab in the image below contains 101 frames. -![Unfiltered version browser](../../img/hyperdatasets/frame_filtering_01.png) +![Unfiltered version browser](../../img/hyperdatasets/frame_filtering_01.png#light-mode-only) +![Unfiltered version browser](../../img/hyperdatasets/frame_filtering_01_dark.png#dark-mode-only) * A simple label filter for `teddy bear` shows three frames, each containing at least one ROI labeled `teddy bear`. -![Filtered version browser](../../img/hyperdatasets/frame_filtering_02.png) +![Filtered version browser](../../img/hyperdatasets/frame_filtering_02.png#light-mode-only) +![Filtered version browser](../../img/hyperdatasets/frame_filtering_02_dark.png#dark-mode-only) @@ -121,7 +147,8 @@ A frame filter can contain a number of rules. For each frame filter, the rules a The returned frames are those that match the first rule AND the second rule within the frame filter. -![Multiple rules filter](../../img/hyperdatasets/multiple_rules.png) +![Multiple rules filter](../../img/hyperdatasets/multiple_rules.png#light-mode-only) +![Multiple rules filter](../../img/hyperdatasets/multiple_rules_dark.png#dark-mode-only) Create additional frame filters by clicking Add new. Multiple frame filters are applied with a logical OR operator. @@ -130,7 +157,8 @@ For example, the dataset version in the image below has two frame filters. "Fram described in the example above. "Frame Filter 2" specifies an ROI rule for the frame to contain an ROI with the label `dog`. So the frames returned are those that match ALL of Frame Filter 1's rules OR ALL of Frame Filter 2's rules. -![Multiple filters](../../img/hyperdatasets/multiple_filters.png) +![Multiple filters](../../img/hyperdatasets/multiple_filters.png#light-mode-only) +![Multiple filters](../../img/hyperdatasets/multiple_filters_dark.png#dark-mode-only) To clear all filters click Clear filters. @@ -141,28 +169,33 @@ To clear all filters click @@ -172,11 +205,13 @@ Filter by metadata using Lucene queries. * Add a frame rule to filter by the metadata key `dangerous` for the value of `yes`. -![Filter by metadata](../../img/hyperdatasets/frame_filtering_08.png) +![Filter by metadata](../../img/hyperdatasets/frame_filtering_08.png#light-mode-only) +![Filter by metadata](../../img/hyperdatasets/frame_filtering_08_dark.png#dark-mode-only) * Open a frame in the frame viewer to see its metadata. -![Frame metadata in frame viewer](../../img/hyperdatasets/frame_filtering_09.png) +![Frame metadata in frame viewer](../../img/hyperdatasets/frame_filtering_09.png#light-mode-only) +![Frame metadata in frame viewer](../../img/hyperdatasets/frame_filtering_09_dark.png#dark-mode-only) @@ -186,7 +221,8 @@ Filter by sources using Lucene queries. * Add a source rule to filter for source URIs with wildcards. -![Filter by source](../../img/hyperdatasets/frame_filtering_10.png) +![Filter by source](../../img/hyperdatasets/frame_filtering_10.png#light-mode-only) +![Filter by source](../../img/hyperdatasets/frame_filtering_10_dark.png#dark-mode-only) Lucene queries can also be used in ROI label filters and frame rules. @@ -204,7 +240,8 @@ Sort the dataset version’s frames by any of the following attributes: Click Sort order to toggle between ascending and descending sort orders. -![Dataset frame sorting](../../img/hyperdatasets/dataset_frame_sorting.png) +![Dataset frame sorting](../../img/hyperdatasets/dataset_frame_sorting.png#light-mode-only) +![Dataset frame sorting](../../img/hyperdatasets/dataset_frame_sorting_dark.png#dark-mode-only) ### Exporting Frames @@ -214,7 +251,12 @@ To export (download) the filtered frames as a JSON file, click Menu to open the frame browser configuration settings. -![Frame browser config menu](../../img/hyperdatasets/frame_browser_menu.png) +
+ +![Frame browser config menu](../../img/hyperdatasets/frame_browser_menu.png#light-mode-only) +![Frame browser config menu](../../img/hyperdatasets/frame_browser_menu_dark.png#dark-mode-only) + +
#### Grouping Previews @@ -223,10 +265,11 @@ Use the **Grouping** menu to set how to display frames that share a common prope * **Group by URL** - Show a single preview for all FrameGroups with the same context ID. For example, users can set the same `context_id` to multiple FrameGroups that represent frames in a single video. * **Sample by Property** - Specify a frame or ROI property whose value to group frames by and set the number of frames -to preview for each group. For example, in the image below, frames are grouped by ROI labels. Each group displays six +to preview for each group. For example, in the image below, frames are grouped by ROI labels. Each group displays five samples of frames that contain an ROI with the same label. -![Sample by property](../../img/hyperdatasets/dataset_sample_by_roi_property.png) +![Sample by property](../../img/hyperdatasets/dataset_sample_by_roi_property.png#light-mode-only) +![Sample by property](../../img/hyperdatasets/dataset_sample_by_roi_property_dark.png#dark-mode-only) **To sample by property:** 1. In the **Grouping** menu, click **Sample by Property** @@ -240,12 +283,18 @@ samples of frames that contain an ROI with the same label. to use in grouping by their properties. For example, in a Hyper-Dataset where ROIs have object labels and type labels, view a sample of frames with different types of the same object by grouping frames according to `label.keyword` with a match query for the object of interest. +
+
+ + ![Sample by Property modal](../../img/hyperdatasets/sample_by_property_modal.png#light-mode-only) + ![Sample by Property modal](../../img/hyperdatasets/sample_by_property_modal_dark.png#dark-mode-only) + +
- ![Sample by Property modal](../../img/hyperdatasets/sample_by_property_modal.png) - The image below shows a sample of 3 frames which have ROIs of each type (`pedestrian`, `rider`, `sitting`) of `person`. - ![ROI Match Query](../../img/hyperdatasets/roi_match_query.png) + ![ROI Match Query](../../img/hyperdatasets/roi_match_query.png#light-mode-only) + ![ROI Match Query](../../img/hyperdatasets/roi_match_query_dark.png#dark-mode-only) :::note Property N/A group If there are frames which have no value for the grouped by property, a sample of them will be provided as a final group. If you sample according to an ROI property, this group will NOT include frames that have no ROIS at all. @@ -273,7 +322,8 @@ Choose the `All sources` option to present all the FrameGroup’s sources in a g shows annotations grouped by their respective sources. Additionally, annotation tools (e.g. create/delete/modify annotations) are not available in this view. -![All sources preview](../../img/hyperdatasets/preview_all_sources.png) +![All sources preview](../../img/hyperdatasets/preview_all_sources.png#light-mode-only) +![All sources preview](../../img/hyperdatasets/preview_all_sources_dark.png#dark-mode-only) :::note Unavailable Source If a FrameGroup doesn't have the selected preview source, the preview displays the "Source not available" message. @@ -298,7 +348,8 @@ be included in the calculation. For example, calculating the distribution for the `label` ROI property, specifying `rois.confidence: 1` for ROI matching will show the label distribution across only ROIs with a confidence level of 1. -![Distribution by ROI property](../../img/hyperdatasets/dataset_version_statistics_roi.png) +![Distribution by ROI property](../../img/hyperdatasets/dataset_version_statistics_roi.png#light-mode-only) +![Distribution by ROI property](../../img/hyperdatasets/dataset_version_statistics_roi_dark.png#dark-mode-only) By default, the ROI label distribution across the entire Hyper-Dataset version is shown. The tab displays the following information @@ -310,7 +361,8 @@ The tab displays the following information * The pie chart visualizes this distribution. Hover over a chart segment and its associated property and count will appear in a tooltip and its usage percentage will appear at the center of the chart. -![Version label statistics](../../img/hyperdatasets/dataset_version_statistics.png) +![Version label statistics](../../img/hyperdatasets/dataset_version_statistics.png#light-mode-only) +![Version label statistics](../../img/hyperdatasets/dataset_version_statistics_dark.png#dark-mode-only) ## Metadata The **Metadata** tab presents any additional metadata that has been attached to the dataset version. @@ -321,7 +373,8 @@ The **Metadata** tab presents any additional metadata that has been attached to 1. Edit the section contents (JSON format) 1. Click **OK** -![Version metadata](../../img/hyperdatasets/dataset_version_metadata.png) +![Version metadata](../../img/hyperdatasets/dataset_version_metadata.png#light-mode-only) +![Version metadata](../../img/hyperdatasets/dataset_version_metadata_dark.png#dark-mode-only) ## Info @@ -339,5 +392,6 @@ The **Info** tab presents a version's general information: * Percentage of annotated frames * Version description (editable, hover over element and click Edit pencil) -![Version info](../../img/hyperdatasets/dataset_version_info_panel.png) +![Version info](../../img/hyperdatasets/dataset_version_info_panel.png#light-mode-only) +![Version info](../../img/hyperdatasets/dataset_version_info_panel_dark.png#dark-mode-only) diff --git a/docs/hyperdatasets/webapp/webapp_dataviews.md b/docs/hyperdatasets/webapp/webapp_dataviews.md index 85b29299..e43a04df 100644 --- a/docs/hyperdatasets/webapp/webapp_dataviews.md +++ b/docs/hyperdatasets/webapp/webapp_dataviews.md @@ -25,7 +25,8 @@ and choosing one of these options: The downloaded data consists of the currently displayed table columns. -![Dataview table](../../img/hyperdatasets/webapp_dataviews_table.png) +![Dataview table](../../img/hyperdatasets/webapp_dataviews_table.png#light-mode-only) +![Dataview table](../../img/hyperdatasets/webapp_dataviews_table_dark.png#dark-mode-only) The Dataview table includes the following columns: @@ -97,11 +98,13 @@ Select multiple Dataviews, then use either the context menu, or the batch action operations on the selected Dataviews. The context menu shows the number of Dataviews 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. -![Dataview table batch operations](../../img/hyperdatasets/webapp_dataviews_context_menu.png) +![Dataview table batch operations](../../img/hyperdatasets/webapp_dataviews_context_menu.png#light-mode-only) +![Dataview table batch operations](../../img/hyperdatasets/webapp_dataviews_context_menu_dark.png#dark-mode-only) ## Creating a Dataview Create a Dataview by clicking **+ NEW DATAVIEW**, which opens a **NEW DATAVIEW** window. -![New Dataview window](../../img/webapp_dataview_new.png) \ No newline at end of file +![New Dataview window](../../img/hyperdatasets/webapp_dataview_new.png#light-mode-only) +![New Dataview window](../../img/hyperdatasets/webapp_dataview_new_dark.png#dark-mode-only) \ No newline at end of file diff --git a/docs/hyperdatasets/webapp/webapp_exp_comparing.md b/docs/hyperdatasets/webapp/webapp_exp_comparing.md index 0c6d5def..8a5b2707 100644 --- a/docs/hyperdatasets/webapp/webapp_exp_comparing.md +++ b/docs/hyperdatasets/webapp/webapp_exp_comparing.md @@ -29,4 +29,5 @@ on the task that will be the new base. * Hover and click Pan icon on the new base task and drag it all the way to the left -![Dataview comparison](../../img/hyperdatasets/web-app/compare_dataviews.png) \ No newline at end of file +![Dataview comparison](../../img/hyperdatasets/compare_dataviews.png#light-mode-only) +![Dataview comparison](../../img/hyperdatasets/compare_dataviews_dark.png#dark-mode-only) \ No newline at end of file diff --git a/docs/hyperdatasets/webapp/webapp_exp_track_visual.md b/docs/hyperdatasets/webapp/webapp_exp_track_visual.md index e9247a0f..978b613b 100644 --- a/docs/hyperdatasets/webapp/webapp_exp_track_visual.md +++ b/docs/hyperdatasets/webapp/webapp_exp_track_visual.md @@ -16,7 +16,8 @@ In a task's page, go to the **DATAVIEWS** tab to view all the task's Dataview de * [Label enumeration](#label-enumeration) * [Iteration controls](#iteration-control) -![Dataview tab](../../img/hyperdatasets/web-app/dataview_tab.png) +![Dataview tab](../../img/hyperdatasets/dataview_tab.png#light-mode-only) +![Dataview tab](../../img/hyperdatasets/dataview_tab_dark.png#dark-mode-only) ### Input diff --git a/docs/img/annotation_page.png b/docs/img/annotation_page.png deleted file mode 100644 index 24bb1e42..00000000 Binary files a/docs/img/annotation_page.png and /dev/null differ diff --git a/docs/img/annotation_task_card.png b/docs/img/annotation_task_card.png deleted file mode 100644 index c8ca94e6..00000000 Binary files a/docs/img/annotation_task_card.png and /dev/null differ diff --git a/docs/img/hyperdataset_publish_version.png b/docs/img/hyperdataset_publish_version.png deleted file mode 100644 index afd85a44..00000000 Binary files a/docs/img/hyperdataset_publish_version.png and /dev/null differ diff --git a/docs/img/hyperdatasets/annotation_label_color.png b/docs/img/hyperdatasets/annotation_label_color.png new file mode 100644 index 00000000..55da9469 Binary files /dev/null and b/docs/img/hyperdatasets/annotation_label_color.png differ diff --git a/docs/img/annotation_label_color.png b/docs/img/hyperdatasets/annotation_label_color_dark.png similarity index 100% rename from docs/img/annotation_label_color.png rename to docs/img/hyperdatasets/annotation_label_color_dark.png diff --git a/docs/img/hyperdatasets/annotation_label_opacity.png b/docs/img/hyperdatasets/annotation_label_opacity.png new file mode 100644 index 00000000..7b65a263 Binary files /dev/null and b/docs/img/hyperdatasets/annotation_label_opacity.png differ diff --git a/docs/img/annotation_label_opacity.png b/docs/img/hyperdatasets/annotation_label_opacity_dark.png similarity index 100% rename from docs/img/annotation_label_opacity.png rename to docs/img/hyperdatasets/annotation_label_opacity_dark.png diff --git a/docs/img/hyperdatasets/annotation_page.png b/docs/img/hyperdatasets/annotation_page.png new file mode 100644 index 00000000..da87e456 Binary files /dev/null and b/docs/img/hyperdatasets/annotation_page.png differ diff --git a/docs/img/hyperdatasets/annotation_page_dark.png b/docs/img/hyperdatasets/annotation_page_dark.png new file mode 100644 index 00000000..ca1f5025 Binary files /dev/null and b/docs/img/hyperdatasets/annotation_page_dark.png differ diff --git a/docs/img/hyperdatasets/annotation_task_01.png b/docs/img/hyperdatasets/annotation_task_01.png index 8787721e..1fa5c830 100644 Binary files a/docs/img/hyperdatasets/annotation_task_01.png and b/docs/img/hyperdatasets/annotation_task_01.png differ diff --git a/docs/img/hyperdatasets/annotation_task_01_dark.png b/docs/img/hyperdatasets/annotation_task_01_dark.png new file mode 100644 index 00000000..5f162d61 Binary files /dev/null and b/docs/img/hyperdatasets/annotation_task_01_dark.png differ diff --git a/docs/img/hyperdatasets/annotation_task_card.png b/docs/img/hyperdatasets/annotation_task_card.png new file mode 100644 index 00000000..246d8a6c Binary files /dev/null and b/docs/img/hyperdatasets/annotation_task_card.png differ diff --git a/docs/img/hyperdatasets/annotation_task_card_dark.png b/docs/img/hyperdatasets/annotation_task_card_dark.png new file mode 100644 index 00000000..bf8023f0 Binary files /dev/null and b/docs/img/hyperdatasets/annotation_task_card_dark.png differ diff --git a/docs/img/hyperdatasets/compare_dataviews.png b/docs/img/hyperdatasets/compare_dataviews.png new file mode 100644 index 00000000..92495b73 Binary files /dev/null and b/docs/img/hyperdatasets/compare_dataviews.png differ diff --git a/docs/img/hyperdatasets/compare_dataviews_dark.png b/docs/img/hyperdatasets/compare_dataviews_dark.png new file mode 100644 index 00000000..1382a5cd Binary files /dev/null and b/docs/img/hyperdatasets/compare_dataviews_dark.png differ diff --git a/docs/img/hyperdatasets/dataset_alpha_masks_1.png b/docs/img/hyperdatasets/dataset_alpha_masks_1.png index 6216167f..0e29af67 100644 Binary files a/docs/img/hyperdatasets/dataset_alpha_masks_1.png and b/docs/img/hyperdatasets/dataset_alpha_masks_1.png differ diff --git a/docs/img/hyperdatasets/dataset_alpha_masks_1_dark.png b/docs/img/hyperdatasets/dataset_alpha_masks_1_dark.png new file mode 100644 index 00000000..9fbde9ea Binary files /dev/null and b/docs/img/hyperdatasets/dataset_alpha_masks_1_dark.png differ diff --git a/docs/img/hyperdatasets/dataset_alpha_masks_2.png b/docs/img/hyperdatasets/dataset_alpha_masks_2.png index 7d1383f3..1bc846b6 100644 Binary files a/docs/img/hyperdatasets/dataset_alpha_masks_2.png and b/docs/img/hyperdatasets/dataset_alpha_masks_2.png differ diff --git a/docs/img/hyperdatasets/dataset_alpha_masks_2_dark.png b/docs/img/hyperdatasets/dataset_alpha_masks_2_dark.png new file mode 100644 index 00000000..e4266091 Binary files /dev/null and b/docs/img/hyperdatasets/dataset_alpha_masks_2_dark.png differ diff --git a/docs/img/hyperdatasets/dataset_example_frame_editor.png b/docs/img/hyperdatasets/dataset_example_frame_editor.png new file mode 100644 index 00000000..f3363b98 Binary files /dev/null and b/docs/img/hyperdatasets/dataset_example_frame_editor.png differ diff --git a/docs/img/hyperdatasets/dataset_example_frame_editor_dark.png b/docs/img/hyperdatasets/dataset_example_frame_editor_dark.png new file mode 100644 index 00000000..14adcac3 Binary files /dev/null and b/docs/img/hyperdatasets/dataset_example_frame_editor_dark.png differ diff --git a/docs/img/hyperdatasets/dataset_frame_sorting.png b/docs/img/hyperdatasets/dataset_frame_sorting.png index c7c10532..9de9b604 100644 Binary files a/docs/img/hyperdatasets/dataset_frame_sorting.png and b/docs/img/hyperdatasets/dataset_frame_sorting.png differ diff --git a/docs/img/hyperdatasets/dataset_frame_sorting_dark.png b/docs/img/hyperdatasets/dataset_frame_sorting_dark.png new file mode 100644 index 00000000..2df459be Binary files /dev/null and b/docs/img/hyperdatasets/dataset_frame_sorting_dark.png differ diff --git a/docs/img/hyperdatasets/dataset_metadata.png b/docs/img/hyperdatasets/dataset_metadata.png index ffc4a68c..f9e0442b 100644 Binary files a/docs/img/hyperdatasets/dataset_metadata.png and b/docs/img/hyperdatasets/dataset_metadata.png differ diff --git a/docs/img/hyperdatasets/dataset_metadata_dark.png b/docs/img/hyperdatasets/dataset_metadata_dark.png new file mode 100644 index 00000000..3276f692 Binary files /dev/null and b/docs/img/hyperdatasets/dataset_metadata_dark.png differ diff --git a/docs/img/hyperdatasets/dataset_pixel_masks_1.png b/docs/img/hyperdatasets/dataset_pixel_masks_1.png index edc5b0d0..033eaa4c 100644 Binary files a/docs/img/hyperdatasets/dataset_pixel_masks_1.png and b/docs/img/hyperdatasets/dataset_pixel_masks_1.png differ diff --git a/docs/img/hyperdatasets/dataset_pixel_masks_1_dark.png b/docs/img/hyperdatasets/dataset_pixel_masks_1_dark.png new file mode 100644 index 00000000..0a7cd520 Binary files /dev/null and b/docs/img/hyperdatasets/dataset_pixel_masks_1_dark.png differ diff --git a/docs/img/hyperdatasets/dataset_pixel_masks_2.png b/docs/img/hyperdatasets/dataset_pixel_masks_2.png index 9ac6a147..ee9e2865 100644 Binary files a/docs/img/hyperdatasets/dataset_pixel_masks_2.png and b/docs/img/hyperdatasets/dataset_pixel_masks_2.png differ diff --git a/docs/img/hyperdatasets/dataset_pixel_masks_2_dark.png b/docs/img/hyperdatasets/dataset_pixel_masks_2_dark.png new file mode 100644 index 00000000..1b45fad9 Binary files /dev/null and b/docs/img/hyperdatasets/dataset_pixel_masks_2_dark.png differ diff --git a/docs/img/hyperdatasets/dataset_sample_by_roi_property.png b/docs/img/hyperdatasets/dataset_sample_by_roi_property.png index 54afb2dc..d4502061 100644 Binary files a/docs/img/hyperdatasets/dataset_sample_by_roi_property.png and b/docs/img/hyperdatasets/dataset_sample_by_roi_property.png differ diff --git a/docs/img/hyperdatasets/dataset_sample_by_roi_property_dark.png b/docs/img/hyperdatasets/dataset_sample_by_roi_property_dark.png new file mode 100644 index 00000000..6c60a08e Binary files /dev/null and b/docs/img/hyperdatasets/dataset_sample_by_roi_property_dark.png differ diff --git a/docs/img/hyperdatasets/dataset_simple_adv_01.png b/docs/img/hyperdatasets/dataset_simple_adv_01.png new file mode 100644 index 00000000..2fc8310f Binary files /dev/null and b/docs/img/hyperdatasets/dataset_simple_adv_01.png differ diff --git a/docs/img/hyperdatasets/dataset_simple_adv_01_dark.png b/docs/img/hyperdatasets/dataset_simple_adv_01_dark.png new file mode 100644 index 00000000..fcc40ae2 Binary files /dev/null and b/docs/img/hyperdatasets/dataset_simple_adv_01_dark.png differ diff --git a/docs/img/hyperdatasets/dataset_simple_adv_02.png b/docs/img/hyperdatasets/dataset_simple_adv_02.png new file mode 100644 index 00000000..51bf3e2d Binary files /dev/null and b/docs/img/hyperdatasets/dataset_simple_adv_02.png differ diff --git a/docs/img/hyperdatasets/dataset_simple_adv_02_dark.png b/docs/img/hyperdatasets/dataset_simple_adv_02_dark.png new file mode 100644 index 00000000..5e86e63d Binary files /dev/null and b/docs/img/hyperdatasets/dataset_simple_adv_02_dark.png differ diff --git a/docs/img/hyperdatasets/dataset_version_info_panel.png b/docs/img/hyperdatasets/dataset_version_info_panel.png index 9ea184ed..3e28b744 100644 Binary files a/docs/img/hyperdatasets/dataset_version_info_panel.png and b/docs/img/hyperdatasets/dataset_version_info_panel.png differ diff --git a/docs/img/hyperdatasets/dataset_version_info_panel_dark.png b/docs/img/hyperdatasets/dataset_version_info_panel_dark.png new file mode 100644 index 00000000..873c1a95 Binary files /dev/null and b/docs/img/hyperdatasets/dataset_version_info_panel_dark.png differ diff --git a/docs/img/hyperdatasets/dataset_version_metadata.png b/docs/img/hyperdatasets/dataset_version_metadata.png index dd91fa20..969f0d08 100644 Binary files a/docs/img/hyperdatasets/dataset_version_metadata.png and b/docs/img/hyperdatasets/dataset_version_metadata.png differ diff --git a/docs/img/hyperdatasets/dataset_version_metadata_dark.png b/docs/img/hyperdatasets/dataset_version_metadata_dark.png new file mode 100644 index 00000000..e1b51f3c Binary files /dev/null and b/docs/img/hyperdatasets/dataset_version_metadata_dark.png differ diff --git a/docs/img/hyperdatasets/dataset_version_statistics.png b/docs/img/hyperdatasets/dataset_version_statistics.png index 03db6c68..1fca861b 100644 Binary files a/docs/img/hyperdatasets/dataset_version_statistics.png and b/docs/img/hyperdatasets/dataset_version_statistics.png differ diff --git a/docs/img/hyperdatasets/dataset_version_statistics_dark.png b/docs/img/hyperdatasets/dataset_version_statistics_dark.png new file mode 100644 index 00000000..a4335eec Binary files /dev/null and b/docs/img/hyperdatasets/dataset_version_statistics_dark.png differ diff --git a/docs/img/hyperdatasets/dataset_version_statistics_roi.png b/docs/img/hyperdatasets/dataset_version_statistics_roi.png index d4b985f9..3c45da45 100644 Binary files a/docs/img/hyperdatasets/dataset_version_statistics_roi.png and b/docs/img/hyperdatasets/dataset_version_statistics_roi.png differ diff --git a/docs/img/hyperdatasets/dataset_version_statistics_roi_dark.png b/docs/img/hyperdatasets/dataset_version_statistics_roi_dark.png new file mode 100644 index 00000000..c6875b76 Binary files /dev/null and b/docs/img/hyperdatasets/dataset_version_statistics_roi_dark.png differ diff --git a/docs/img/hyperdatasets/dataset_versions.png b/docs/img/hyperdatasets/dataset_versions.png new file mode 100644 index 00000000..52154fcd Binary files /dev/null and b/docs/img/hyperdatasets/dataset_versions.png differ diff --git a/docs/img/hyperdatasets/dataset_versions_dark.png b/docs/img/hyperdatasets/dataset_versions_dark.png new file mode 100644 index 00000000..50627707 Binary files /dev/null and b/docs/img/hyperdatasets/dataset_versions_dark.png differ diff --git a/docs/img/hyperdatasets/datasets_01.png b/docs/img/hyperdatasets/datasets_01.png index 83789bdc..4a51d1f4 100644 Binary files a/docs/img/hyperdatasets/datasets_01.png and b/docs/img/hyperdatasets/datasets_01.png differ diff --git a/docs/img/hyperdatasets/datasets_01_dark.png b/docs/img/hyperdatasets/datasets_01_dark.png new file mode 100644 index 00000000..5fc6c777 Binary files /dev/null and b/docs/img/hyperdatasets/datasets_01_dark.png differ diff --git a/docs/img/hyperdatasets/dataview_tab.png b/docs/img/hyperdatasets/dataview_tab.png new file mode 100644 index 00000000..058a3881 Binary files /dev/null and b/docs/img/hyperdatasets/dataview_tab.png differ diff --git a/docs/img/hyperdatasets/dataview_tab_dark.png b/docs/img/hyperdatasets/dataview_tab_dark.png new file mode 100644 index 00000000..a63f9bf9 Binary files /dev/null and b/docs/img/hyperdatasets/dataview_tab_dark.png differ diff --git a/docs/img/hyperdatasets/frame_browser_list.png b/docs/img/hyperdatasets/frame_browser_list.png index f49cd346..4c70b7e9 100644 Binary files a/docs/img/hyperdatasets/frame_browser_list.png and b/docs/img/hyperdatasets/frame_browser_list.png differ diff --git a/docs/img/hyperdatasets/frame_browser_list_dark.png b/docs/img/hyperdatasets/frame_browser_list_dark.png new file mode 100644 index 00000000..28b6e2a6 Binary files /dev/null and b/docs/img/hyperdatasets/frame_browser_list_dark.png differ diff --git a/docs/img/hyperdatasets/frame_browser_menu.png b/docs/img/hyperdatasets/frame_browser_menu.png index 97dfcf20..8648ec33 100644 Binary files a/docs/img/hyperdatasets/frame_browser_menu.png and b/docs/img/hyperdatasets/frame_browser_menu.png differ diff --git a/docs/img/hyperdatasets/frame_browser_menu_dark.png b/docs/img/hyperdatasets/frame_browser_menu_dark.png new file mode 100644 index 00000000..a2816303 Binary files /dev/null and b/docs/img/hyperdatasets/frame_browser_menu_dark.png differ diff --git a/docs/img/hyperdatasets/frame_browser_thumbnails.png b/docs/img/hyperdatasets/frame_browser_thumbnails.png index 705a253c..cb08ccf6 100644 Binary files a/docs/img/hyperdatasets/frame_browser_thumbnails.png and b/docs/img/hyperdatasets/frame_browser_thumbnails.png differ diff --git a/docs/img/hyperdatasets/frame_browser_thumbnails_dark.png b/docs/img/hyperdatasets/frame_browser_thumbnails_dark.png new file mode 100644 index 00000000..582ae41d Binary files /dev/null and b/docs/img/hyperdatasets/frame_browser_thumbnails_dark.png differ diff --git a/docs/img/hyperdatasets/frame_filtering_01.png b/docs/img/hyperdatasets/frame_filtering_01.png index 84f6c03c..818504a4 100644 Binary files a/docs/img/hyperdatasets/frame_filtering_01.png and b/docs/img/hyperdatasets/frame_filtering_01.png differ diff --git a/docs/img/hyperdatasets/frame_filtering_01_dark.png b/docs/img/hyperdatasets/frame_filtering_01_dark.png new file mode 100644 index 00000000..6a752ab3 Binary files /dev/null and b/docs/img/hyperdatasets/frame_filtering_01_dark.png differ diff --git a/docs/img/hyperdatasets/frame_filtering_02.png b/docs/img/hyperdatasets/frame_filtering_02.png index 67ab6ed5..f8ef5364 100644 Binary files a/docs/img/hyperdatasets/frame_filtering_02.png and b/docs/img/hyperdatasets/frame_filtering_02.png differ diff --git a/docs/img/hyperdatasets/frame_filtering_02_dark.png b/docs/img/hyperdatasets/frame_filtering_02_dark.png new file mode 100644 index 00000000..4921ba4f Binary files /dev/null and b/docs/img/hyperdatasets/frame_filtering_02_dark.png differ diff --git a/docs/img/hyperdatasets/frame_filtering_03.png b/docs/img/hyperdatasets/frame_filtering_03.png index c4d4482a..1adb1805 100644 Binary files a/docs/img/hyperdatasets/frame_filtering_03.png and b/docs/img/hyperdatasets/frame_filtering_03.png differ diff --git a/docs/img/hyperdatasets/frame_filtering_03_dark.png b/docs/img/hyperdatasets/frame_filtering_03_dark.png new file mode 100644 index 00000000..c107f3ad Binary files /dev/null and b/docs/img/hyperdatasets/frame_filtering_03_dark.png differ diff --git a/docs/img/hyperdatasets/frame_filtering_04.png b/docs/img/hyperdatasets/frame_filtering_04.png index ab9c8ef3..5bd7202c 100644 Binary files a/docs/img/hyperdatasets/frame_filtering_04.png and b/docs/img/hyperdatasets/frame_filtering_04.png differ diff --git a/docs/img/hyperdatasets/frame_filtering_04_dark.png b/docs/img/hyperdatasets/frame_filtering_04_dark.png new file mode 100644 index 00000000..459210a2 Binary files /dev/null and b/docs/img/hyperdatasets/frame_filtering_04_dark.png differ diff --git a/docs/img/hyperdatasets/frame_filtering_05.png b/docs/img/hyperdatasets/frame_filtering_05.png index 01be539d..c4e8f4a8 100644 Binary files a/docs/img/hyperdatasets/frame_filtering_05.png and b/docs/img/hyperdatasets/frame_filtering_05.png differ diff --git a/docs/img/hyperdatasets/frame_filtering_05_dark.png b/docs/img/hyperdatasets/frame_filtering_05_dark.png new file mode 100644 index 00000000..e9c2b577 Binary files /dev/null and b/docs/img/hyperdatasets/frame_filtering_05_dark.png differ diff --git a/docs/img/hyperdatasets/frame_filtering_06.png b/docs/img/hyperdatasets/frame_filtering_06.png index 0d4b28b5..f053877f 100644 Binary files a/docs/img/hyperdatasets/frame_filtering_06.png and b/docs/img/hyperdatasets/frame_filtering_06.png differ diff --git a/docs/img/hyperdatasets/frame_filtering_06_dark.png b/docs/img/hyperdatasets/frame_filtering_06_dark.png new file mode 100644 index 00000000..4e6cee29 Binary files /dev/null and b/docs/img/hyperdatasets/frame_filtering_06_dark.png differ diff --git a/docs/img/hyperdatasets/frame_filtering_07.png b/docs/img/hyperdatasets/frame_filtering_07.png index 94a9174b..d1e25f72 100644 Binary files a/docs/img/hyperdatasets/frame_filtering_07.png and b/docs/img/hyperdatasets/frame_filtering_07.png differ diff --git a/docs/img/hyperdatasets/frame_filtering_07_dark.png b/docs/img/hyperdatasets/frame_filtering_07_dark.png new file mode 100644 index 00000000..d9110de8 Binary files /dev/null and b/docs/img/hyperdatasets/frame_filtering_07_dark.png differ diff --git a/docs/img/hyperdatasets/frame_filtering_08.png b/docs/img/hyperdatasets/frame_filtering_08.png index c4caa024..3f7fc8b7 100644 Binary files a/docs/img/hyperdatasets/frame_filtering_08.png and b/docs/img/hyperdatasets/frame_filtering_08.png differ diff --git a/docs/img/hyperdatasets/frame_filtering_08_dark.png b/docs/img/hyperdatasets/frame_filtering_08_dark.png new file mode 100644 index 00000000..8b6ca3de Binary files /dev/null and b/docs/img/hyperdatasets/frame_filtering_08_dark.png differ diff --git a/docs/img/hyperdatasets/frame_filtering_09.png b/docs/img/hyperdatasets/frame_filtering_09.png index 25e2ac0c..069d43b2 100644 Binary files a/docs/img/hyperdatasets/frame_filtering_09.png and b/docs/img/hyperdatasets/frame_filtering_09.png differ diff --git a/docs/img/hyperdatasets/frame_filtering_09_dark.png b/docs/img/hyperdatasets/frame_filtering_09_dark.png new file mode 100644 index 00000000..ef890ed6 Binary files /dev/null and b/docs/img/hyperdatasets/frame_filtering_09_dark.png differ diff --git a/docs/img/hyperdatasets/frame_filtering_10.png b/docs/img/hyperdatasets/frame_filtering_10.png index 7e8162d4..45378f13 100644 Binary files a/docs/img/hyperdatasets/frame_filtering_10.png and b/docs/img/hyperdatasets/frame_filtering_10.png differ diff --git a/docs/img/hyperdatasets/frame_filtering_10_dark.png b/docs/img/hyperdatasets/frame_filtering_10_dark.png new file mode 100644 index 00000000..afdce169 Binary files /dev/null and b/docs/img/hyperdatasets/frame_filtering_10_dark.png differ diff --git a/docs/img/hyperdatasets/frame_overview_01.png b/docs/img/hyperdatasets/frame_overview_01.png index ccaa316b..21d5619a 100644 Binary files a/docs/img/hyperdatasets/frame_overview_01.png and b/docs/img/hyperdatasets/frame_overview_01.png differ diff --git a/docs/img/hyperdatasets/frame_overview_01_dark.png b/docs/img/hyperdatasets/frame_overview_01_dark.png new file mode 100644 index 00000000..5e32c572 Binary files /dev/null and b/docs/img/hyperdatasets/frame_overview_01_dark.png differ diff --git a/docs/img/hyperdatasets/framegroup_01.png b/docs/img/hyperdatasets/framegroup_01.png index 14a7eae1..2ed1e3a9 100644 Binary files a/docs/img/hyperdatasets/framegroup_01.png and b/docs/img/hyperdatasets/framegroup_01.png differ diff --git a/docs/img/hyperdatasets/framegroup_01_dark.png b/docs/img/hyperdatasets/framegroup_01_dark.png new file mode 100644 index 00000000..7142c1a1 Binary files /dev/null and b/docs/img/hyperdatasets/framegroup_01_dark.png differ diff --git a/docs/img/hyperdatasets/hyperdataset_card.png b/docs/img/hyperdatasets/hyperdataset_card.png index 287d66f8..b24a2f69 100644 Binary files a/docs/img/hyperdatasets/hyperdataset_card.png and b/docs/img/hyperdatasets/hyperdataset_card.png differ diff --git a/docs/img/hyperdatasets/hyperdataset_card_dark.png b/docs/img/hyperdatasets/hyperdataset_card_dark.png new file mode 100644 index 00000000..7acc2969 Binary files /dev/null and b/docs/img/hyperdatasets/hyperdataset_card_dark.png differ diff --git a/docs/img/hyperdatasets/hyperdataset_project_card.png b/docs/img/hyperdatasets/hyperdataset_project_card.png index 14d34435..8c88a940 100644 Binary files a/docs/img/hyperdatasets/hyperdataset_project_card.png and b/docs/img/hyperdatasets/hyperdataset_project_card.png differ diff --git a/docs/img/hyperdatasets/hyperdataset_project_card_dark.png b/docs/img/hyperdatasets/hyperdataset_project_card_dark.png new file mode 100644 index 00000000..d6029c17 Binary files /dev/null and b/docs/img/hyperdatasets/hyperdataset_project_card_dark.png differ diff --git a/docs/img/hyperdatasets/hyperdataset_publish_version.png b/docs/img/hyperdatasets/hyperdataset_publish_version.png new file mode 100644 index 00000000..d1626c9d Binary files /dev/null and b/docs/img/hyperdatasets/hyperdataset_publish_version.png differ diff --git a/docs/img/hyperdatasets/hyperdataset_publish_version_dark.png b/docs/img/hyperdatasets/hyperdataset_publish_version_dark.png new file mode 100644 index 00000000..fec6e5d6 Binary files /dev/null and b/docs/img/hyperdatasets/hyperdataset_publish_version_dark.png differ diff --git a/docs/img/hyperdatasets/hyperdataset_search_2.png b/docs/img/hyperdatasets/hyperdataset_search_2.png index fe4023df..3856d648 100644 Binary files a/docs/img/hyperdatasets/hyperdataset_search_2.png and b/docs/img/hyperdatasets/hyperdataset_search_2.png differ diff --git a/docs/img/hyperdatasets/hyperdataset_search_2_dark.png b/docs/img/hyperdatasets/hyperdataset_search_2_dark.png new file mode 100644 index 00000000..0f332814 Binary files /dev/null and b/docs/img/hyperdatasets/hyperdataset_search_2_dark.png differ diff --git a/docs/img/hyperdatasets/multi_source_annotation.png b/docs/img/hyperdatasets/multi_source_annotation.png index 7f8d9e2e..f7e48b3d 100644 Binary files a/docs/img/hyperdatasets/multi_source_annotation.png and b/docs/img/hyperdatasets/multi_source_annotation.png differ diff --git a/docs/img/hyperdatasets/multi_source_annotation_dark.png b/docs/img/hyperdatasets/multi_source_annotation_dark.png new file mode 100644 index 00000000..c1d1c2d4 Binary files /dev/null and b/docs/img/hyperdatasets/multi_source_annotation_dark.png differ diff --git a/docs/img/hyperdatasets/multiple_filters.png b/docs/img/hyperdatasets/multiple_filters.png index bb116b2b..0d2f0749 100644 Binary files a/docs/img/hyperdatasets/multiple_filters.png and b/docs/img/hyperdatasets/multiple_filters.png differ diff --git a/docs/img/hyperdatasets/multiple_filters_dark.png b/docs/img/hyperdatasets/multiple_filters_dark.png new file mode 100644 index 00000000..5c4acf4d Binary files /dev/null and b/docs/img/hyperdatasets/multiple_filters_dark.png differ diff --git a/docs/img/hyperdatasets/multiple_rules.png b/docs/img/hyperdatasets/multiple_rules.png index 30be67ec..1b9855b4 100644 Binary files a/docs/img/hyperdatasets/multiple_rules.png and b/docs/img/hyperdatasets/multiple_rules.png differ diff --git a/docs/img/hyperdatasets/multiple_rules_dark.png b/docs/img/hyperdatasets/multiple_rules_dark.png new file mode 100644 index 00000000..111e5902 Binary files /dev/null and b/docs/img/hyperdatasets/multiple_rules_dark.png differ diff --git a/docs/img/hyperdatasets/preview_all_sources.png b/docs/img/hyperdatasets/preview_all_sources.png index c69fc400..d17672ac 100644 Binary files a/docs/img/hyperdatasets/preview_all_sources.png and b/docs/img/hyperdatasets/preview_all_sources.png differ diff --git a/docs/img/hyperdatasets/preview_all_sources_dark.png b/docs/img/hyperdatasets/preview_all_sources_dark.png new file mode 100644 index 00000000..e6461781 Binary files /dev/null and b/docs/img/hyperdatasets/preview_all_sources_dark.png differ diff --git a/docs/img/hyperdatasets/roi_match_query.png b/docs/img/hyperdatasets/roi_match_query.png index c46b96c6..df5adb4b 100644 Binary files a/docs/img/hyperdatasets/roi_match_query.png and b/docs/img/hyperdatasets/roi_match_query.png differ diff --git a/docs/img/hyperdatasets/roi_match_query_dark.png b/docs/img/hyperdatasets/roi_match_query_dark.png new file mode 100644 index 00000000..d72fedfd Binary files /dev/null and b/docs/img/hyperdatasets/roi_match_query_dark.png differ diff --git a/docs/img/hyperdatasets/sample_by_property_modal.png b/docs/img/hyperdatasets/sample_by_property_modal.png index ac29f92f..6358b21a 100644 Binary files a/docs/img/hyperdatasets/sample_by_property_modal.png and b/docs/img/hyperdatasets/sample_by_property_modal.png differ diff --git a/docs/img/hyperdatasets/sample_by_property_modal_dark.png b/docs/img/hyperdatasets/sample_by_property_modal_dark.png new file mode 100644 index 00000000..9634b950 Binary files /dev/null and b/docs/img/hyperdatasets/sample_by_property_modal_dark.png differ diff --git a/docs/img/hyperdatasets/video_preview.png b/docs/img/hyperdatasets/video_preview.png index 65f54655..b1b19b49 100644 Binary files a/docs/img/hyperdatasets/video_preview.png and b/docs/img/hyperdatasets/video_preview.png differ diff --git a/docs/img/hyperdatasets/video_preview_dark.png b/docs/img/hyperdatasets/video_preview_dark.png new file mode 100644 index 00000000..eea7458a Binary files /dev/null and b/docs/img/hyperdatasets/video_preview_dark.png differ diff --git a/docs/img/hyperdatasets/web-app/compare_dataviews.png b/docs/img/hyperdatasets/web-app/compare_dataviews.png deleted file mode 100644 index 5e25a560..00000000 Binary files a/docs/img/hyperdatasets/web-app/compare_dataviews.png and /dev/null differ diff --git a/docs/img/hyperdatasets/web-app/dataset_example_frame_editor.png b/docs/img/hyperdatasets/web-app/dataset_example_frame_editor.png deleted file mode 100644 index ae58c82f..00000000 Binary files a/docs/img/hyperdatasets/web-app/dataset_example_frame_editor.png and /dev/null differ diff --git a/docs/img/hyperdatasets/web-app/dataset_simple_adv_01.png b/docs/img/hyperdatasets/web-app/dataset_simple_adv_01.png deleted file mode 100644 index 56d8ad30..00000000 Binary files a/docs/img/hyperdatasets/web-app/dataset_simple_adv_01.png and /dev/null differ diff --git a/docs/img/hyperdatasets/web-app/dataset_simple_adv_02.png b/docs/img/hyperdatasets/web-app/dataset_simple_adv_02.png deleted file mode 100644 index 41719d7e..00000000 Binary files a/docs/img/hyperdatasets/web-app/dataset_simple_adv_02.png and /dev/null differ diff --git a/docs/img/hyperdatasets/web-app/dataset_versions.png b/docs/img/hyperdatasets/web-app/dataset_versions.png deleted file mode 100644 index 58aa918c..00000000 Binary files a/docs/img/hyperdatasets/web-app/dataset_versions.png and /dev/null differ diff --git a/docs/img/hyperdatasets/web-app/dataview_tab.png b/docs/img/hyperdatasets/web-app/dataview_tab.png deleted file mode 100644 index 0d0fcaad..00000000 Binary files a/docs/img/hyperdatasets/web-app/dataview_tab.png and /dev/null differ diff --git a/docs/img/hyperdatasets/webapp_dataview_new.png b/docs/img/hyperdatasets/webapp_dataview_new.png new file mode 100644 index 00000000..a9e7803e Binary files /dev/null and b/docs/img/hyperdatasets/webapp_dataview_new.png differ diff --git a/docs/img/hyperdatasets/webapp_dataview_new_dark.png b/docs/img/hyperdatasets/webapp_dataview_new_dark.png new file mode 100644 index 00000000..e3220ffe Binary files /dev/null and b/docs/img/hyperdatasets/webapp_dataview_new_dark.png differ diff --git a/docs/img/hyperdatasets/webapp_dataviews_context_menu.png b/docs/img/hyperdatasets/webapp_dataviews_context_menu.png index fa3d578d..79fa4306 100644 Binary files a/docs/img/hyperdatasets/webapp_dataviews_context_menu.png and b/docs/img/hyperdatasets/webapp_dataviews_context_menu.png differ diff --git a/docs/img/hyperdatasets/webapp_dataviews_context_menu_dark.png b/docs/img/hyperdatasets/webapp_dataviews_context_menu_dark.png new file mode 100644 index 00000000..41a83a07 Binary files /dev/null and b/docs/img/hyperdatasets/webapp_dataviews_context_menu_dark.png differ diff --git a/docs/img/hyperdatasets/webapp_dataviews_table.png b/docs/img/hyperdatasets/webapp_dataviews_table.png index c0031442..343ef0a4 100644 Binary files a/docs/img/hyperdatasets/webapp_dataviews_table.png and b/docs/img/hyperdatasets/webapp_dataviews_table.png differ diff --git a/docs/img/hyperdatasets/webapp_dataviews_table_dark.png b/docs/img/hyperdatasets/webapp_dataviews_table_dark.png new file mode 100644 index 00000000..03ec7455 Binary files /dev/null and b/docs/img/hyperdatasets/webapp_dataviews_table_dark.png differ diff --git a/docs/img/hyperdatasets/webapp_hyperdataset_card_context_menu.png b/docs/img/hyperdatasets/webapp_hyperdataset_card_context_menu.png new file mode 100644 index 00000000..46c08b79 Binary files /dev/null and b/docs/img/hyperdatasets/webapp_hyperdataset_card_context_menu.png differ diff --git a/docs/img/hyperdatasets/webapp_hyperdataset_card_context_menu_dark.png b/docs/img/hyperdatasets/webapp_hyperdataset_card_context_menu_dark.png new file mode 100644 index 00000000..fa98eac6 Binary files /dev/null and b/docs/img/hyperdatasets/webapp_hyperdataset_card_context_menu_dark.png differ diff --git a/docs/img/hyperdatasets/webapp_hyperdataset_creation.png b/docs/img/hyperdatasets/webapp_hyperdataset_creation.png new file mode 100644 index 00000000..8dbf55b4 Binary files /dev/null and b/docs/img/hyperdatasets/webapp_hyperdataset_creation.png differ diff --git a/docs/img/hyperdatasets/webapp_hyperdataset_creation_dark.png b/docs/img/hyperdatasets/webapp_hyperdataset_creation_dark.png new file mode 100644 index 00000000..4a8f5adc Binary files /dev/null and b/docs/img/hyperdatasets/webapp_hyperdataset_creation_dark.png differ diff --git a/docs/img/webapp_dataview_new.png b/docs/img/webapp_dataview_new.png deleted file mode 100644 index 9b86e1cb..00000000 Binary files a/docs/img/webapp_dataview_new.png and /dev/null differ diff --git a/docs/img/webapp_hyperdataset_card_context_menu.png b/docs/img/webapp_hyperdataset_card_context_menu.png deleted file mode 100644 index 1dc411bc..00000000 Binary files a/docs/img/webapp_hyperdataset_card_context_menu.png and /dev/null differ diff --git a/docs/img/webapp_hyperdataset_creation.png b/docs/img/webapp_hyperdataset_creation.png deleted file mode 100644 index 9748aa59..00000000 Binary files a/docs/img/webapp_hyperdataset_creation.png and /dev/null differ