Bug 1504852 - Turn off Content Blocking label color is visible in dark theme and icon is spaced from text. r=dao

In windows and linux, ensure that the text color inside the content blocking button is visible. Add 5px of margin beside the icon to separate it from the text.

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

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

browser/themes/linux/controlcenter/panel.css

@@ -14,3 +14,7 @@
   outline: 1px -moz-dialogtext dotted;
   outline-offset: -1px;
 }
+
+.tracking-protection-button > .button-box > .button-icon {
+  margin-inline-end: 5px;
+}

browser/themes/shared/controlcenter/panel.inc.css

@@ -468,6 +468,7 @@ description#identity-popup-content-verifier,
   display: none;
   height: 32px;
   background-color: var(--arrowpanel-dimmed);
+  color: inherit;
 }
 
 .tracking-protection-button:hover {

browser/themes/windows/controlcenter/panel.css

@@ -4,3 +4,6 @@
 
 %include ../../shared/controlcenter/panel.inc.css
 
+.tracking-protection-button > .button-box > .button-icon {
+  margin-inline-end: 5px;
+}