Bug 1610002 - Make the status panel respect @media (prefers-color-scheme: dark). r=ntim

Differential Revision: https://phabricator.services.mozilla.com/D61554

--HG--
extra : moz-landing-system : lando

browser/themes/linux/browser.css

@@ -396,6 +396,14 @@ notification[value="translation"] menulist > .menulist-dropmarker {
   text-shadow: none;
 }
 
+@media (prefers-color-scheme: dark) {
+  #statuspanel-label {
+    background-color: hsl(240, 1%, 20%);
+    border-color: hsl(240, 1%, 40%);
+    color: rgb(249, 249, 250);
+  }
+}
+
 #statuspanel:not([mirror]) > #statuspanel-inner > #statuspanel-label:-moz-locale-dir(ltr),
 #statuspanel[mirror] > #statuspanel-inner > #statuspanel-label:-moz-locale-dir(rtl) {
   border-right-style: solid;

browser/themes/osx/browser.css

@@ -745,6 +745,14 @@ menulist.translate-infobar-element > .menulist-dropmarker {
   text-shadow: none;
 }
 
+@media (prefers-color-scheme: dark) {
+  #statuspanel-label {
+    background-color: hsl(240, 1%, 20%);
+    border-color: hsl(240, 1%, 40%);
+    color: rgb(249, 249, 250);
+  }
+}
+
 #statuspanel:not([mirror]) > #statuspanel-inner > #statuspanel-label:-moz-locale-dir(ltr),
 #statuspanel[mirror] > #statuspanel-inner > #statuspanel-label:-moz-locale-dir(rtl) {
   border-right-style: solid;

browser/themes/windows/browser.css

@@ -743,6 +743,14 @@ notification[value="translation"] {
   }
 }
 
+@media (prefers-color-scheme: dark) {
+  #statuspanel-label {
+    background-color: hsl(240, 1%, 20%);
+    border-color: hsl(240, 1%, 40%);
+    color: rgb(249, 249, 250);
+  }
+}
+
 #statuspanel:not([mirror]) > #statuspanel-inner > #statuspanel-label:-moz-locale-dir(ltr),
 #statuspanel[mirror] > #statuspanel-inner > #statuspanel-label:-moz-locale-dir(rtl) {
   border-right-style: solid;