--- a/browser/components/nsBrowserGlue.js
+++ b/browser/components/nsBrowserGlue.js
@@ -707,16 +707,19 @@ BrowserGlue.prototype = {
     });
     LightweightThemeManager.addBuiltInTheme({
       id: "firefox-compact-dark@mozilla.org",
       name: gBrowserBundle.GetStringFromName("darkTheme.name"),
       description: gBrowserBundle.GetStringFromName("darkTheme.description"),
       iconURL: "resource:///chrome/browser/content/browser/defaultthemes/dark.icon.svg",
       textcolor: "white",
       accentcolor: "black",
+      popup: "hsl(240, 5%, 5%)",
+      popup_text: "rgb(249, 249, 250)",
+      popup_border: "rgba(24, 26, 27, 0.14)",
       author: vendorShortName,
     });
 
 
     // Initialize the default l10n resource sources for L10nRegistry.
     const multilocalePath = "resource://gre/res/multilocale.json";
     L10nRegistry.bootstrap = fetch(multilocalePath).then(d => d.json()).then(({ locales }) => {
       const toolkitSource = new FileSource("toolkit", locales, "resource://gre/localization/{locale}/");