Update readme logo

conedevelopment · Jul 29, 2023 · 210c052 · 210c052
1 parent 9be3026
commit 210c052
Showing 1 changed file with 9 additions and 10 deletions.
diff --git a/README.md b/README.md
@@ -1,14 +1,13 @@
 <p>
-  <a href="https://sprucecss.com/#gh-light-mode-only">
-    <br/>
-    <img src="./.github/spruce-logo-dark.svg" alt="Spruce CSS" width="160">
-    <br/>
-  </a>
-  <a href="https://sprucecss.com/#gh-dark-mode-only">
-    <br/>
-    <img src="./.github/spruce-logo-light.svg" alt="Spruce CSS" width="160">
-    <br/>
-  </a>
+  <a href="https://sprucecss.com/">
+    <br>
+    <picture>
+        <source media="(prefers-color-scheme: light)" srcset="./.github/spruce-logo-dark.svg">
+        <source media="(prefers-color-scheme: dark)" srcset="./.github/spruce-logo-light.svg">
+        <img alt="Spruce CSS" width="140" src="./.github/spruce-logo-dark.svg">
+      </picture>
+    </a>
+    <br>
 </p>
 
 **Spruce CSS is an open-source, lightweight and modernish CSS design system, framework built on Sass. Give your project a solid foundation.**