diff --git a/README.md b/README.md
index 15e38b6f..cc8e4812 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,8 @@
-<img src="./images/banner-white.png" width="600px;" />
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="./images/banner-white.png" width="600px;">
+  <img alt="Text changing depending on mode. Light: 'So light!' Dark: 'So dark!'" src="./images/banner-black.png" width="600px;">
+</picture>
+<br/>
 
 [![Artifact Hub](https://img.shields.io/endpoint?url=https://artifacthub.io/badge/repository/k8sgpt)](https://artifacthub.io/packages/search?repo=k8sgpt)
 
diff --git a/images/banner-black.png b/images/banner-black.png
index 95d1b475..00dd1e9d 100644
Binary files a/images/banner-black.png and b/images/banner-black.png differ
diff --git a/images/banner-white.png b/images/banner-white.png
index 00dd1e9d..d27fa05b 100644
Binary files a/images/banner-white.png and b/images/banner-white.png differ