Bug 1544114 - Make about:policies integrate better with dark mode support. r=dao
authorTim Nguyen <ntim.bugs@gmail.com>
Wed, 17 Apr 2019 09:18:15 +0000
changeset 469848 f0ab962de2df6d04d26c2dd6665aeb11d0ce9820
parent 469847 5320b47ea99bd7de86dc2184bfe5eb626d56bcd6
child 469849 b90fc7a65c3d61bbf14c98fd2baaf28014562ff0
push id35883
push userbtara@mozilla.com
push dateWed, 17 Apr 2019 21:47:29 +0000
treeherdermozilla-central@02b89c29412b [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdao
bugs1544114
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 1544114 - Make about:policies integrate better with dark mode support. r=dao Differential Revision: https://phabricator.services.mozilla.com/D27741
browser/components/enterprisepolicies/content/aboutPolicies.css
--- a/browser/components/enterprisepolicies/content/aboutPolicies.css
+++ b/browser/components/enterprisepolicies/content/aboutPolicies.css
@@ -55,17 +55,17 @@ body {
   width: 100%;
 }
 
 tbody tr {
   transition: background cubic-bezier(.07, .95, 0, 1) 250ms;
 }
 
 tbody tr:hover {
-  background-color: #d7d7db;
+  background-color: var(--in-content-item-hover);
 }
 
 th, td, table {
   border-collapse: collapse;
   border: none;
   text-align: start;
 }
 
@@ -80,26 +80,20 @@ td {
 
 /*
  * In Documentation Tab, this property sets the policies row in an
  * alternate color scheme of white and grey as each policy comprises
  * of two tbody tags, one for the description and the other for the
  * collapsible information block.
  */
 
-.active-policies tr.odd,
-.errors tr:nth-child(odd),
+.active-policies tr.odd:not(:hover),
+.errors tr:nth-child(odd):not(:hover),
 tbody:nth-child(4n + 1) {
-  background-color: #ededf0;
-}
-
-.active-policies tr.odd:hover,
-.errors tr:nth-child(odd):hover,
-tbody:nth-child(4n + 1):hover {
-  background-color: #d7d7db;
+  background-color: var(--in-content-box-background-odd);
 }
 
 .arr_sep.odd:not(:last-child) td:not(:first-child) {
   border-bottom: 2px solid #f9f9fa;
 }
 
 .arr_sep.even:not(:last-child) td:not(:first-child) {
   border-bottom: 2px solid #ededf0;
@@ -129,18 +123,18 @@ tbody:nth-child(4n + 1):hover {
   outline: none;
 }
 
 .content {
   display: none;
 }
 
 .content-style {
-  background-color: white;
-  color: var(--in-content-category-text-selected);
+  background-color: var(--in-content-box-background);
+  color: var(--blue-50);
 }
 
 tbody.collapsible td {
   padding-bottom: 1rem;
 }
 
 .schema {
   font-family: monospace;