update pipeline figure docs (#642)

* update pipeline figure docs

* Update figures

docs/developer_guides/pipelines/datamanagers.md

@@ -1,7 +1,15 @@
 # DataManagers
 
-```{image} imgs/datamanagers.png
+```{image} imgs/pipeline_datamanager-light.png
 :align: center
+:class: only-light
+:width: 600
+```
+
+```{image} imgs/pipeline_datamanager-dark.png
+:align: center
+:class: only-dark
+:width: 600
 ```
 
 ## What is a DataManager?
@@ -87,4 +95,4 @@ See the code!
 
 ## Creating Your Own
 
-We currently don't have other implementations because most papers follow the VanillaDataManager implementation. However, it should be straightforward to add a VanillaDataManager with logic that progressively adds cameras, for instance, by relying on the step and modifying RayBundle and RayGT generation logic.
+We currently don't have other implementations because most papers follow the VanillaDataManager implementation. However, it should be straightforward to add a VanillaDataManager with logic that progressively adds cameras, for instance, by relying on the step and modifying RayBundle and RayGT generation logic.

docs/developer_guides/pipelines/dataparsers.md

@@ -1,7 +1,15 @@
 # DataParsers
 
-```{image} imgs/dataparsers.png
+```{image} imgs/pipeline_parser-light.png
 :align: center
+:class: only-light
+:width: 600
+```
+
+```{image} imgs/pipeline_parser-dark.png
+:align: center
+:class: only-dark
+:width: 600
 ```
 
 ## What is a DataParser?

docs/developer_guides/pipelines/fields.md

@@ -1,5 +1,13 @@
 # Fields
 
-```{image} imgs/models.png
+```{image} imgs/pipeline_field-light.png
 :align: center
-```
+:class: only-light
+:width: 600
+```
+
+```{image} imgs/pipeline_field-dark.png
+:align: center
+:class: only-dark
+:width: 600
+```

docs/developer_guides/pipelines/index.rst

@@ -3,8 +3,17 @@ Pipelines Overview
 
 Here we describe what a Pipeline is and how it works. You can see an overview figure with the major Pipeline components below.
 
-.. image:: imgs/pipelines_overview.png
+.. image:: imgs/pipeline_overview-light.png
+  :width: 600
   :align: center
+  :alt: pipeline figure
+  :class: only-light
+
+.. image:: imgs/pipeline_overview-dark.png
+  :width: 600
+  :align: center
+  :alt: pipeline figure
+  :class: only-dark
 
 
 .. admonition:: Note

docs/developer_guides/pipelines/models.md

@@ -1,7 +1,15 @@
 # Models
 
-```{image} imgs/models.png
+```{image} imgs/pipeline_model-light.png
 :align: center
+:class: only-light
+:width: 600
+```
+
+```{image} imgs/pipeline_model-dark.png
+:align: center
+:class: only-dark
+:width: 600
 ```
 
 ## What is a Model?

docs/developer_guides/pipelines/pipelines.md

@@ -1,5 +1,13 @@
 # Pipelines
 
-```{image} imgs/pipelines.png
+```{image} imgs/pipeline_pipeline-light.png
 :align: center
-```
+:class: only-light
+:width: 600
+```
+
+```{image} imgs/pipeline_pipeline-dark.png
+:align: center
+:class: only-dark
+:width: 600
+```