diff --git a/README.md b/README.md
index 9f47940ed1..2d673d5455 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/>
 
 ![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/k8sgpt-ai/k8sgpt)
 ![GitHub Workflow Status](https://img.shields.io/github/actions/workflow/status/k8sgpt-ai/k8sgpt/release.yaml)
diff --git a/images/banner-black.png b/images/banner-black.png
new file mode 100644
index 0000000000..00dd1e9d66
Binary files /dev/null and b/images/banner-black.png differ
diff --git a/images/banner-white.png b/images/banner-white.png
index 00dd1e9d66..d27fa05b39 100644
Binary files a/images/banner-white.png and b/images/banner-white.png differ