diff --git a/README.md b/README.md
index 93a89cd5..1727e133 100644
--- a/README.md
+++ b/README.md
@@ -7,7 +7,11 @@ and [ITensorMPS.jl](https://docs.itensor.org/ITensorMPS).
 
 ## Support
 
-<img src="docs/src/assets/CCQ.png" width="20%" alt="Flatiron Center for Computational Quantum Physics logo.">
+<picture>
+  <source media="(prefers-color-scheme: dark)" width="20%" srcset="docs/src/assets/CCQ-dark.png">
+  <img alt="Flatiron Center for Computational Quantum Physics logo." width="20%" src="docs/src/assets/CCQ.png">
+</picture>
+
 
 ITensor is supported by the Flatiron Institute, a division of the Simons Foundation.
 
diff --git a/docs/make.jl b/docs/make.jl
index 723b2761..c3a582f1 100644
--- a/docs/make.jl
+++ b/docs/make.jl
@@ -23,7 +23,7 @@ Documenter.makedocs(;
   sitename="ITensor ecosystem docs",
   modules=[ITensorDocs],
   warnonly=true,
-  format=Documenter.HTML(; assets=["assets/favicon.ico"]),
+  format=Documenter.HTML(; assets=["assets/favicon.ico", "assets/extras.css"]),
   pages=["index.md"],
 )
 
diff --git a/docs/make_index.jl b/docs/make_index.jl
index 5de90798..cfad73d3 100644
--- a/docs/make_index.jl
+++ b/docs/make_index.jl
@@ -4,7 +4,8 @@ using ITensorDocs: ITensorDocs
 function ccq_logo(content)
   include_ccq_logo = """
     ```@raw html
-    <img src="assets/CCQ.png" width="20%" alt="Flatiron Center for Computational Quantum Physics logo.">
+    <img class="display-light-only" src="assets/CCQ.png" width="20%" alt="Flatiron Center for Computational Quantum Physics logo."/>
+    <img class="display-dark-only" src="assets/CCQ-dark.png" width="20%" alt="Flatiron Center for Computational Quantum Physics logo."/>
     ```
     """
   content = replace(content, "{CCQ_LOGO}" => include_ccq_logo)
diff --git a/docs/make_readme.jl b/docs/make_readme.jl
index 09ce8582..79b0b755 100644
--- a/docs/make_readme.jl
+++ b/docs/make_readme.jl
@@ -3,7 +3,10 @@ using ITensorDocs: ITensorDocs
 
 function ccq_logo(content)
   include_ccq_logo = """
-    <img src="docs/src/assets/CCQ.png" width="20%" alt="Flatiron Center for Computational Quantum Physics logo.">
+    <picture>
+      <source media="(prefers-color-scheme: dark)" width="20%" srcset="docs/src/assets/CCQ-dark.png">
+      <img alt="Flatiron Center for Computational Quantum Physics logo." width="20%" src="docs/src/assets/CCQ.png">
+    </picture>
     """
   content = replace(content, "{CCQ_LOGO}" => include_ccq_logo)
   return content
@@ -14,5 +17,5 @@ Literate.markdown(
   joinpath(pkgdir(ITensorDocs));
   flavor=Literate.CommonMarkFlavor(),
   name="README",
-  preprocess=ccq_logo,
+  postprocess=ccq_logo,
 )
diff --git a/docs/src/assets/CCQ-dark.png b/docs/src/assets/CCQ-dark.png
new file mode 100644
index 00000000..fbaef522
Binary files /dev/null and b/docs/src/assets/CCQ-dark.png differ
diff --git a/docs/src/assets/CCQ.png b/docs/src/assets/CCQ.png
index ce435978..e13f9083 100644
Binary files a/docs/src/assets/CCQ.png and b/docs/src/assets/CCQ.png differ
diff --git a/docs/src/assets/extras.css b/docs/src/assets/extras.css
new file mode 100644
index 00000000..aaab0f8b
--- /dev/null
+++ b/docs/src/assets/extras.css
@@ -0,0 +1,15 @@
+.display-light-only {
+    display: block;
+}
+
+.display-dark-only {
+    display: none;
+}
+
+.theme--documenter-dark .display-light-only {
+    display: none;
+}
+
+.theme--documenter-dark .display-dark-only {
+    display: block;
+}