diff --git a/extension/data/options/index.css b/extension/data/options/index.css
index 890d673..e137c8f 100644
--- a/extension/data/options/index.css
+++ b/extension/data/options/index.css
@@ -107,3 +107,16 @@ textarea {
   padding: 10px;
   margin: 15px 0;
 }
+
+@media (prefers-color-scheme: dark) {
+  body,
+  textarea,
+  .note {
+    background-color: #313131;
+    color: #bfbfbf;
+  }
+  .admin {
+    background-color: #545709;
+    color: #bfbfbf;
+  }
+}
diff --git a/extension/data/popup/index.css b/extension/data/popup/index.css
index d052d70..5dc89a8 100644
--- a/extension/data/popup/index.css
+++ b/extension/data/popup/index.css
@@ -249,3 +249,15 @@ body[data-android="true"] [data-cmd="window"] {
 .hide {
   visibility: hidden;
 }
+
+@media (prefers-color-scheme: dark) {
+  body,
+  th,
+  select,
+  input,
+  #view,
+  table {
+    background-color: #313131;
+    color: #bfbfbf;
+  }
+}