Bug 1544904 - Fix privacy section colors in dark mode. r=johannh
authorTim Nguyen <ntim.bugs@gmail.com>
Wed, 17 Apr 2019 07:57:24 +0000
changeset 469785 be19414dbe25
parent 469784 722ad924491c
child 469786 042fc8652d7a
push id35882
push usercbrindusan@mozilla.com
push dateWed, 17 Apr 2019 15:54:01 +0000
treeherdermozilla-central@37185c0ae520 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersjohannh
bugs1544904
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 1544904 - Fix privacy section colors in dark mode. r=johannh Differential Revision: https://phabricator.services.mozilla.com/D27853
browser/themes/shared/incontentprefs/privacy.css
--- a/browser/themes/shared/incontentprefs/privacy.css
+++ b/browser/themes/shared/incontentprefs/privacy.css
@@ -83,41 +83,42 @@
   list-style-image: url(chrome://browser/skin/notification-icons/midi.svg);
 }
 
 /* Content Blocking */
 
 /* Override styling that sets descriptions as grey */
 #trackingGroup description.indent,
 #trackingGroup .indent > description {
-  color: #000;
+  color: inherit;
 }
 
 [data-subcategory="trackingprotection"] {
   margin-top: 10px;
 }
 
 #contentBlockingCategories {
   margin-top: 16px;
 }
 
 #trackingProtectionShield {
   list-style-image: url("chrome://browser/skin/controlcenter/tracking-protection.svg");
-  -moz-context-properties: fill;
-  fill: #737373;
+  -moz-context-properties: fill, fill-opacity;
+  fill: currentColor;
+  fill-opacity: 0.5;
   width: 64px;
   height: 64px;
   margin-inline-end: 10px;
 }
 
 .content-blocking-category {
   border-radius: 4px;
   margin: 3px 0;
   padding: 9px;
-  border: 1px solid #D7D7DB;
+  border: 1px solid var(--in-content-border-color);
   background-color: rgba(215, 215, 219, 0.2);
 }
 
 .content-blocking-category.disabled {
   opacity: 0.5;
 }
 
 .content-blocking-category.disabled .radio-check {