diff --git a/src/html/properties.html b/src/html/properties.html
index d4d0b87..989b0f7 100644
--- a/src/html/properties.html
+++ b/src/html/properties.html
@@ -16,6 +16,7 @@
.Tab .TabButton { border: solid 1px #505050; padding: 2px 6px 2px 6px; cursor: default; }
.Tab .TabButtonActive { border: solid 1px #505050; border-bottom: none; padding: 2px 6px 2px 6px; cursor: default; }
.Tab>div { padding: 8px; height: 330px; border-left: solid 1px #505050; border-bottom: solid 1px #505050; border-right: solid 1px #505050; }
+ @media (prefers-color-scheme: dark) { body { background-color: #2B2A33; color: #FBFBFE; } }
diff --git a/src/html/settings.html b/src/html/settings.html
index c38d927..2a7c5ec 100644
--- a/src/html/settings.html
+++ b/src/html/settings.html
@@ -17,6 +17,7 @@
.Tab .TabButton { border: solid 1px #505050; padding: 2px 6px 2px 6px; cursor: default; }
.Tab .TabButtonActive { border: solid 1px #505050; border-bottom: none; padding: 2px 6px 2px 6px; cursor: default; }
.Tab>div { padding: 8px; height: 350px; border-left: solid 1px #505050; border-bottom: solid 1px #505050; border-right: solid 1px #505050; }
+ @media (prefers-color-scheme: dark) { body { background-color: #2B2A33; color: #FBFBFE; } }