From e823a5b44f8bc91ebb0013ed9550699c3ac5b856 Mon Sep 17 00:00:00 2001
From: Janos Wortmann <jwortmann@outlook.com>
Date: Fri, 9 Jun 2023 21:11:04 +0200
Subject: [PATCH] Show preview image in Readme based on dark/light mode

---
 README.md | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index c9855c0..9977e7c 100644
--- a/README.md
+++ b/README.md
@@ -16,9 +16,11 @@ From the command palette select *Package Control: Install Package* and search fo
 
 ## Preview
 
-![Preview Dark](img/preview_dark.png)
-
-![Preview Light](img/preview_light.png)
+<picture>
+    <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/jwortmann/brackets-theme/master/img/preview_dark.png">
+    <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/jwortmann/brackets-theme/master/img/preview_light.png">
+    <img alt="Preview image of the theme" src="https://raw.githubusercontent.com/jwortmann/brackets-theme/master/img/preview_dark.png">
+</picture>
 
 ## Customization