diff --git a/public/content.css b/public/content.css
index 70b74766..32770f78 100644
--- a/public/content.css
+++ b/public/content.css
@@ -1,3 +1,7 @@
+html {
+    color-scheme: dark;
+}
+
 #previewbar {
     overflow: visible;
     padding: 0;
diff --git a/public/help/styles.css b/public/help/styles.css
index 14003266..d3426cc1 100644
--- a/public/help/styles.css
+++ b/public/help/styles.css
@@ -1,3 +1,7 @@
+html {
+  color-scheme: dark;
+}
+
 .bigText {
   font-size: 50px;
 }
diff --git a/public/options/options.css b/public/options/options.css
index c7f59244..20c747e0 100644
--- a/public/options/options.css
+++ b/public/options/options.css
@@ -1,4 +1,8 @@
 /* Options page CSS */
+html {
+    color-scheme: dark;
+}
+
 body {
     font-family: sans-serif;
 }
diff --git a/public/permissions/styles.css b/public/permissions/styles.css
index 971c6893..2cf49791 100644
--- a/public/permissions/styles.css
+++ b/public/permissions/styles.css
@@ -1,4 +1,8 @@
 /* Options page CSS */
+html {
+    color-scheme: dark;
+}
+
 body {
     font-family: sans-serif;
 }
diff --git a/public/popup.css b/public/popup.css
index 0ccfb98d..1e14188c 100644
--- a/public/popup.css
+++ b/public/popup.css
@@ -6,6 +6,10 @@
   --sb-green-bg: #077B27;
 }
 
+html {
+  color-scheme: dark;
+}
+
 #sponsorBlockPopupBody .hidden {
   display: none !important;
 }