diff --git a/.github/workflows/build-and-test.yml b/.github/workflows/build-and-test.yml
index 6b90c5b..2585f1e 100644
--- a/.github/workflows/build-and-test.yml
+++ b/.github/workflows/build-and-test.yml
@@ -13,6 +13,7 @@ on:
       - .github/**
       - '!.github/workflows/build-and-test.yml'
       - .vscode/**
+      - images/**
   pull_request:
     paths-ignore:
       - .editorconfig
@@ -23,6 +24,7 @@ on:
       - .github/**
       - '!.github/workflows/build-and-test.yml'
       - .vscode/**
+      - images/**
 
 concurrency:
   group: ${{ github.workflow }}-${{ github.ref }}
diff --git a/README.md b/README.md
index badd8ea..9d2e7c1 100644
--- a/README.md
+++ b/README.md
@@ -1,9 +1,23 @@
 [![Build and test](https://github.com/BiscuitTin/zig-term-colors/actions/workflows/build-and-test.yml/badge.svg)](https://github.com/BiscuitTin/zig-term-colors/actions/workflows/build-and-test.yml)
 
 <p align="center">
-  <img width="600" height="470" src="images/demo.png">
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="images/banner-dark.png" />
+    <source media="(prefers-color-scheme: light)" srcset="images/banner-light.png" />
+    <img width="620" height="224" src="images/banner-dark.png" />
+  </picture>
 </p>
 
 # Zig terminal colors
 
 A simple library for working with terminal formatting and colors in Zig.
+
+<details>
+
+<summary>View full demo</summary>
+
+<p align="center">
+  <img width="800" height="626" src="images/demo.png" />
+</p>
+
+</details>
diff --git a/images/banner-dark.png b/images/banner-dark.png
new file mode 100644
index 0000000..4c902c1
Binary files /dev/null and b/images/banner-dark.png differ
diff --git a/images/banner-light.png b/images/banner-light.png
new file mode 100644
index 0000000..5705bc3
Binary files /dev/null and b/images/banner-light.png differ