Bug 1488384 - Style the background of #tabbrowser-tabpanels for dark in-content color scheme to avoid white flashes. r=dao
authorKestrel <ke5trel@protonmail.com>
Tue, 16 Apr 2019 07:50:39 +0000
changeset 469636 2d1d88a793a3
parent 469635 9463e541aa94
child 469637 4ff27e3a312b
push id35878
push userapavel@mozilla.com
push dateTue, 16 Apr 2019 15:43:40 +0000
treeherdermozilla-central@258af4e91151 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdao
bugs1488384
milestone68.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1488384 - Style the background of #tabbrowser-tabpanels for dark in-content color scheme to avoid white flashes. r=dao Differential Revision: https://phabricator.services.mozilla.com/D27447
browser/themes/shared/tabs.inc.css
--- a/browser/themes/shared/tabs.inc.css
+++ b/browser/themes/shared/tabs.inc.css
@@ -33,16 +33,25 @@
   background-color: #f9f9fa;
 }
 
 :root[privatebrowsingmode=temporary] #tabbrowser-tabpanels {
   /* Value for --in-content-page-background in aboutPrivateBrowsing.css */
   background-color: #25003e;
 }
 
+@supports -moz-bool-pref("browser.in-content.dark-mode") {
+@media (prefers-color-scheme: dark) {
+  #tabbrowser-tabpanels {
+    /* Value for --in-content-page-background for dark mode in in-content/common.inc.css */
+    background-color: #2A2A2E;
+  }
+}
+}
+
 #tabbrowser-tabs,
 #tabbrowser-tabs > .tabbrowser-arrowscrollbox,
 #tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
   min-height: var(--tab-min-height);
 }
 
 .tab-stack {
   min-height: inherit;