diff --git a/settings/chrome.css b/settings/chrome.css
index 996b203..2184835 100644
--- a/settings/chrome.css
+++ b/settings/chrome.css
@@ -111,10 +111,17 @@
 /* Context menu */
 menupopup,
 panel {
-  --panel-background: black !important;
   --panel-border-radius: 0px !important;
 }
 
+/* Set menu popups to black on dark mode */
+@media (prefers-color-scheme: dark) {
+  menupopup,
+  panel {
+    --panel-background: black !important;
+  }
+}
+
 /*
     * Items inside menu
     * menu, menuitem:where([_moz-menuactive]:not([disabled="true"])){