Bug 1544887 - Fix some in-content page icon colors in dark mode. r=dao
authorTim Nguyen <ntim.bugs@gmail.com>
Wed, 17 Apr 2019 09:19:35 +0000
changeset 469847 5320b47ea99bd7de86dc2184bfe5eb626d56bcd6
parent 469846 148516daeb06ee5f50267b11cea276868287b3e2
child 469848 f0ab962de2df6d04d26c2dd6665aeb11d0ce9820
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
bugs1544887
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 1544887 - Fix some in-content page icon colors in dark mode. r=dao Differential Revision: https://phabricator.services.mozilla.com/D27774
browser/components/aboutconfig/content/aboutconfig.css
browser/components/newtab/lib/AboutPreferences.jsm
toolkit/themes/osx/global/in-content/common.css
--- a/browser/components/aboutconfig/content/aboutconfig.css
+++ b/browser/components/aboutconfig/content/aboutconfig.css
@@ -35,16 +35,19 @@ body.config-warning {
   width: 100%;
   background-color: var(--in-content-page-background);
   padding: 10px;
   padding-bottom: 0;
   min-width: 644px;
 }
 
 #about-config-search {
+  -moz-context-properties: fill, fill-opacity;
+  fill: currentColor;
+  fill-opacity: 0.8;
   box-sizing: border-box;
   width: 100%;
   background-image: url("chrome://global/skin/icons/search-textbox.svg");
   background-repeat: no-repeat;
   background-position: 9px center;
   background-size: 12px 12px;
   padding-inline-start: 30px;
   z-index: 1;
--- a/browser/components/newtab/lib/AboutPreferences.jsm
+++ b/browser/components/newtab/lib/AboutPreferences.jsm
@@ -46,16 +46,18 @@ const PREFS_AFTER_SECTIONS = [
     },
     icon: "info",
   },
 ];
 
 // This CSS is added to the whole about:preferences page
 const CUSTOM_CSS = `
 #homeContentsGroup checkbox[src] .checkbox-icon {
+  -moz-context-properties: fill;
+  fill: currentColor;
   margin-inline-end: 8px;
   margin-inline-start: 4px;
   width: 16px;
 }
 #homeContentsGroup [data-subcategory] {
   margin-top: 14px;
 }
 #homeContentsGroup [data-subcategory] .section-checkbox {
--- a/toolkit/themes/osx/global/in-content/common.css
+++ b/toolkit/themes/osx/global/in-content/common.css
@@ -70,16 +70,19 @@ xul|radio[focused="true"] > .radio-check
 
 textbox[type="search"] {
   -moz-appearance: none;
   padding-inline-start: 8px;
   padding-inline-end: 8px;
 }
 
 xul|textbox[type="search"] > moz-input-box > .textbox-search-sign {
+  -moz-context-properties: fill, fill-opacity;
+  fill: currentColor;
+  fill-opacity: 0.8;
   list-style-image: url(chrome://global/skin/icons/search-textbox.svg);
   margin-inline-end: 5px;
 }
 
 html|button {
   /* XUL button min-width */
   min-width: 79px;
 }