From 01b8d2a18a5cba352c7dde6676947ceba1e323ff Mon Sep 17 00:00:00 2001
From: Rehan Daphedar <github.com@rehandaphedar.com>
Date: Tue, 8 Oct 2024 20:14:05 +0530
Subject: [PATCH] Add instructions regarding dark mode versions for custom
 themes

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

diff --git a/README.md b/README.md
index b7be6a9..0e83f03 100644
--- a/README.md
+++ b/README.md
@@ -89,6 +89,18 @@ Bamboo CSS provides the following CSS variables for theming:
 }
 ```
 
+When creating custom themes, consider changing certain variables in the dark mode version as well:
+```css
+@media (prefers-color-scheme: dark) {
+	:root {
+		--b-txt: #eceff4;
+		--b-bg-1: #2e3440;
+		--b-bg-2: #3b4252;
+		--b-line: #3b4252;
+	}
+}
+```
+
 All CSS variables are prefixed with `--b-` so it's safe to use Bamboo CSS with your existing websites.
 
 ## Credits