diff --git a/README.md b/README.md
index acb71a004..884cb8a53 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,9 @@
 <p align="center">
-  <img src="docs/imgs/logo.png" width="400" />
+    <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="docs/_static/imgs/logo-dark.png">
+    <source media="(prefers-color-scheme: light)" srcset="docs/_static/imgs/logo.png">
+    <img alt="nerfactory" src="docs/_static/imgs/logo.png" width="400">
+    </picture>
 </p>
 
 <p align="center"> The all-in-one repo for NeRFs </p>
diff --git a/docs/index.rst b/docs/index.rst
index de8ec602e..1b852142d 100644
--- a/docs/index.rst
+++ b/docs/index.rst
@@ -5,6 +5,13 @@
   :width: 400
   :align: center
   :alt: nerfactory
+  :class: only-light
+
+.. image:: _static/imgs/logo-dark.png
+  :width: 400
+  :align: center
+  :alt: nerfactory
+  :class: only-dark
 
 Neural Volumetric Rendering
 """""""""""""""""""""""""""""
diff --git a/docs/notebooks/imgs/frustums-dark.png b/docs/notebooks/imgs/frustums-dark.png
new file mode 100644
index 000000000..e1539380f
Binary files /dev/null and b/docs/notebooks/imgs/frustums-dark.png differ
diff --git a/docs/notebooks/imgs/frustums.png b/docs/notebooks/imgs/frustums.png
index 195d900d3..173952c3a 100644
Binary files a/docs/notebooks/imgs/frustums.png and b/docs/notebooks/imgs/frustums.png differ
diff --git a/docs/notebooks/visualize_samples.ipynb b/docs/notebooks/visualize_samples.ipynb
index dc34f85c9..60bfcb8aa 100644
--- a/docs/notebooks/visualize_samples.ipynb
+++ b/docs/notebooks/visualize_samples.ipynb
@@ -8,7 +8,17 @@
     "\n",
     "A core component of volumetric rendering is computing samples along a ray. The representation of these samples is important. We use conical frustums to represent samples. The conical frustums are defined via the following parameters:\n",
     "\n",
-    "<img src=\"imgs/frustums.png\" alt=\"Frustums Diagram\" width=\"600\"/>\n",
+    "```{image} imgs/frustums.png\n",
+    ":align: center\n",
+    ":class: only-light\n",
+    ":width: 600\n",
+    "```\n",
+    "\n",
+    "```{image} imgs/frustums-dark.png\n",
+    ":align: center\n",
+    ":class: only-dark\n",
+    ":width: 600\n",
+    "```\n",
     "\n",
     "| Parameter  | Dimension | Description                                           |\n",
     "| ---------- | :-------: | ----------------------------------------------------- |\n",
diff --git a/docs/tutorials/quickstart_index.rst b/docs/tutorials/quickstart_index.rst
index b61c78e15..2edfb1ac4 100644
--- a/docs/tutorials/quickstart_index.rst
+++ b/docs/tutorials/quickstart_index.rst
@@ -5,6 +5,13 @@
   :width: 400
   :align: center
   :alt: nerfactory
+  :class: only-light
+
+.. image:: ../_static/imgs/logo-dark.png
+  :width: 400
+  :align: center
+  :alt: nerfactory
+  :class: only-dark
 
 
 Neural Volumetric Rendering