diff --git a/README.md b/README.md
index efe5df71..e89eb502 100644
--- a/README.md
+++ b/README.md
@@ -5,7 +5,11 @@ ecosystem. You can find the documentation [here](https://itensor.github.io/ITens
 
 ## 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 eb2e4f66..48298e48 100644
--- a/docs/make.jl
+++ b/docs/make.jl
@@ -24,7 +24,7 @@ Documenter.makedocs(;
   sitename="ITensor ecosystem docs",
   modules=[ITensorDocsNext],
   warnonly=true,
-  format=Documenter.HTML(; assets=["assets/favicon.ico"]),
+  format=Documenter.HTML(; assets=["assets/favicon.ico", "assets/extras.css"]),
   pages=["index.md", "ecosystem_overview.md", "upgrade_guide.md"],
 )
 
@@ -82,7 +82,7 @@ MultiDocumenter.make(
   sitemap=true,
   assets_dir="docs/src/assets",
   brand_image=MultiDocumenter.BrandImage(
-    "https://itensor.org", joinpath("assets", "logo.png")
+    "https://itensor.org", joinpath("assets", "logo-dark.png")
   ),
 )
 
diff --git a/docs/make_index.jl b/docs/make_index.jl
index 8069ce71..9afa5f02 100644
--- a/docs/make_index.jl
+++ b/docs/make_index.jl
@@ -4,7 +4,8 @@ using ITensorDocsNext: ITensorDocsNext
 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 bd595165..d47d0ecb 100644
--- a/docs/make_readme.jl
+++ b/docs/make_readme.jl
@@ -3,7 +3,10 @@ using ITensorDocsNext: ITensorDocsNext
 
 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(ITensorDocsNext));
   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 febbb085..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;
+}
diff --git a/docs/src/assets/logo-dark.png b/docs/src/assets/logo-dark.png
new file mode 100644
index 00000000..74506351
Binary files /dev/null and b/docs/src/assets/logo-dark.png differ