doc: Add image for dark themes

cdalvaro · May 23, 2024 · 8b73c24 · 8b73c24
1 parent 9e10f3f
commit 8b73c24
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 3 deletions.
diff --git a/README.md b/README.md
@@ -1,5 +1,11 @@
 # <img src="/assets/homebrew.svg" height=24pt> Homebrew Custom Tap
 
+<picture align="center">
+  <source media="(prefers-color-scheme: dark)" srcset="/assets/homebrew-tap-banner-dark.png">
+  <source media="(prefers-color-scheme: light)" srcset="/assets/homebrew-tap-banner-light.png">
+  <img alt="cdalvaro's Homebrew tap banner." src="/assets/homebrew-tap-banner-light.png">
+</picture>
+
 <p align="center">
   <a href="#"><img src="/assets/homebrew-tap-banner.png" height=320px></a>
 </p>

diff --git a/assets/homebrew-tap-banner-dark.png b/assets/homebrew-tap-banner-dark.png
diff --git a/assets/homebrew-tap-banner.png → assets/homebrew-tap-banner-light.png b/assets/homebrew-tap-banner.png → assets/homebrew-tap-banner-light.png
diff --git a/assets/homebrew-tap-banner.pxd b/assets/homebrew-tap-banner.pxd
diff --git a/docs/es-ES/README.md b/docs/es-ES/README.md
@@ -1,8 +1,10 @@
 # <img src="/assets/homebrew.svg" height=24pt> Homebrew Custom Tap
 
-<p align="center">
-  <a href="#"><img src="/assets/homebrew-tap-banner.png" height=320px></a>
-</p>
+<picture align="center">
+  <source media="(prefers-color-scheme: dark)" srcset="/assets/homebrew-tap-banner-dark.png">
+  <source media="(prefers-color-scheme: light)" srcset="/assets/homebrew-tap-banner-light.png">
+  <img alt="cdalvaro's Homebrew tap banner." src="/assets/homebrew-tap-banner-light.png">
+</picture>
 
 [![hombrew tap cdalvaro][homebrew_tap_badge]][homebrew_tap_url]