Dark and light mode CCQ logos (#9)

Author: mtfishman

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.
 

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

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)

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

docs/src/assets/CCQ-dark.png

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