Update logos

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.
 

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")
   ),
 )
 

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)

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,
 )

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;
+}