feat: update README.md with dark theme image support

This update modifies the README.md file by providing a dark-theme alternative for the logo. It utilizes the HTML picture element with a media attribute for automatic theme-based selection.
mallikcheripally · Jun 21, 2024 · 000c0da · 000c0da
1 parent ae0ec45
commit 000c0da
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -1,6 +1,9 @@
 <div align="center">
   <a href="https://colore.mallikcheripally.com/">
-    <img alt="colore" src="https://raw.githubusercontent.com/mallikcheripally/colore-js/main/assets/images/github-poster.png" width="280" height="110" />
+    <picture>
+      <source srcset="https://raw.githubusercontent.com/mallikcheripally/colore-js/main/assets/images/github-poster-dark-theme.png" media="(prefers-color-scheme: dark)">
+      <img src="https://raw.githubusercontent.com/mallikcheripally/colore-js/main/assets/images/github-poster.png" alt="colore-js">
+    </picture>
   </a>
 </div>
  <br />

diff --git a/assets/images/github-poster-dark-theme.png b/assets/images/github-poster-dark-theme.png
diff --git a/assets/images/github-poster.png b/assets/images/github-poster.png