Merge pull request #101 from penguineer/dark-mode-readme

Select architectural diagram in README based on color scheme
freifunkMUC · Sep 18, 2023 · 4a9436d · 4a9436d
2 parents d48d6e1 + de47045
commit 4a9436d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/Docs/architecture-dark.png b/Docs/architecture-dark.png
diff --git a/README.md b/README.md
@@ -24,7 +24,11 @@ wgkex is a WireGuard key exchange and management tool designed and run by FFMUC.
 WireGuard Key Exchange is a tool consisting of two parts: a frontend (broker) and a backend (worker). These components
 communicate to each other via MQTT - a messaging bus.
 
-![](Docs/architecture.png)
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="Docs/architecture-dark.png">
+  <source media="(prefers-color-scheme: light)" srcset="Docs/architecture.png">
+  <img src="Docs/architecture.png" alt="Architectural Diagram">
+</picture>
 
 ### Frontend broker