chore: update images (#8)

* chore: update images

* ci: ignore files

.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 }}

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>