From eed9853eb542efbd680b006521df29d8c09c1617 Mon Sep 17 00:00:00 2001
From: James Anderson <janderson@rts.edu>
Date: Fri, 3 Jan 2025 16:32:36 -0500
Subject: [PATCH] Fix issue #515

---
 options.css      | 17 ++++++++++++++++-
 popup.css        | 17 ++++++++++++++++-
 style.css        | 17 ++++++++++++++++-
 themes/light.css |  4 ++++
 4 files changed, 52 insertions(+), 3 deletions(-)

diff --git a/options.css b/options.css
index e202e02..4d8bcb2 100644
--- a/options.css
+++ b/options.css
@@ -4,8 +4,23 @@ html {
 	overflow-y: scroll;
 }
 
+@media (prefers-color-scheme: light) {
+
+	body {
+		background: #fff;
+	}
+
+}
+
+@media (prefers-color-scheme: dark) {
+
+	body {
+		background: #222;
+	}
+
+}
+
 body {
-	background: #fff;
 	color: #000;
 	font-size: 14px;
 }
diff --git a/popup.css b/popup.css
index 0c1935a..6c22748 100644
--- a/popup.css
+++ b/popup.css
@@ -1,7 +1,22 @@
 /* LeechBlock popup style */
 
+@media (prefers-color-scheme: light) {
+
+	body {
+		background-color: #fff;
+	}
+
+}
+
+@media (prefers-color-scheme: dark) {
+
+	body {
+		background-color: #222;
+	}
+
+}
+
 body {
-	background-color: #fff;
 	color: #000;
 	font-size: 14px;
 	text-align: center;
diff --git a/style.css b/style.css
index 7544532..0568f62 100644
--- a/style.css
+++ b/style.css
@@ -1,7 +1,22 @@
 /* LeechBlock blocking/delaying page style */
 
+@media (prefers-color-scheme: light) {
+
+	body {
+		background: #fff;
+	}
+
+}
+
+@media (prefers-color-scheme: dark) {
+
+	body {
+		background: #222;
+	}
+
+}
+
 body {
-	background: #fff;
 	color: #2e3436;
 	font: normal 16px "Open Sans", Arial, sans-serif;
 	text-align: center;
diff --git a/themes/light.css b/themes/light.css
index a609b74..d05d07a 100644
--- a/themes/light.css
+++ b/themes/light.css
@@ -1 +1,5 @@
 /* LeechBlock Light theme style */
+
+body {
+	background: #fff;
+}