Added dark theme logo (see #135)

nanojsx · Jun 12, 2023 · 76c5161 · 76c5161
1 parent a5bcb6f
commit 76c5161
Show file tree

Hide file tree

Showing 2 changed files with 203 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -1,6 +1,11 @@
 <p align="center">
   <a href="http://nanojsx.io/">
-    <img src="https://raw.githubusercontent.com/nanojsx/nano/master/readme/nano-jsx-logo.svg" alt="Nano JSX Logo" width="350"/>
+  <!-- https://docs.github.com/en/get-started/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax#specifying-the-theme-an-image-is-shown-to -->
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/nanojsx/nano/master/readme/nano-jsx-logo-dark.svg">
+    <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/nanojsx/nano/master/readme/nano-jsx-logo.svg">
+    <img alt="Nano JSX Logo" src="https://raw.githubusercontent.com/nanojsx/nano/master/readme/nano-jsx-logo.svg">
+  </picture>
   </a>
 </p>
 

diff --git a/readme/nano-jsx-logo-dark.svg b/readme/nano-jsx-logo-dark.svg