From 7e946e2bbed900b93b3e195a0763a8676c021003 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Olle=20M=C3=A5nsson?=
 <31876997+ollema@users.noreply.github.com>
Date: Thu, 25 Jan 2024 00:33:01 +0100
Subject: [PATCH] update README.md

---
 README.md | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/README.md b/README.md
index 33f4fd8..49c2fc9 100644
--- a/README.md
+++ b/README.md
@@ -37,6 +37,20 @@ To set a default mode, use the `defaultMode` prop:
 <ModeWatcher defaultMode={"dark"}>
 ```
 
+`ModeWatcher` can manage the `theme-color` meta tag for you.
+
+To enable this, set the `themeColor` prop to your preferred colors:
+
+```svelte
+<ModeWatcher themeColor={{ dark: "black", light: "white" }}>
+```
+
+Note that for this to work, you must have added the `theme-color` meta tag to your `head` element in `app.html`:
+
+```html
+<meta name="theme-color" content="black" />
+```
+
 ## API
 
 ### toggleMode