1 files changed, 53 insertions, 5 deletions
diff --git a/arc-firefox-theme/chrome/browser/controlcenter/tracking-protection.svg b/arc-firefox-theme/chrome/browser/controlcenter/tracking-protection.svg
index a58d8bd..895f171 100644
--- a/arc-firefox-theme/chrome/browser/controlcenter/tracking-protection.svg
+++ b/arc-firefox-theme/chrome/browser/controlcenter/tracking-protection.svg
@@ -4,18 +4,66 @@
    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
      width="24" height="24" viewBox="0 0 24 24">
+<style>
+
+.fieldtext {
+  fill: -moz-fieldtext;
+  /* The fill-opacity needs to be sufficient for high-contrast settings, and
+     pathological Gtk themes where -moz-fieldtext provides low contrast by
+     default. */
+  fill-opacity: .7;
+}
+
+
+.highlighttext {
+  fill: highlighttext;
+  fill-opacity: 1;
+}
+
+.black {
+  fill: black;
+  fill-opacity: .6;
+}
+
+.white {
+  fill: white;
+  fill-opacity: .7;
+}
+
+</style>
+  <style>
+    g:not(:target) {
+      display: none;
+    }
+  </style>
+
   <defs>
     <path id="shape-shield-outer" d="M12,1L3.4,2.4C2.6,2.5,2,3.1,2,3.9c0,1.9,0,5.2,0.2,6.6c0.4,4.2,1.3,6.3,3.2,8.8C8,22.6,12,23,12,23s4-0.4,6.6-3.7 c1.9-2.4,2.8-4.5,3.2-8.8C22,9.1,22,5.7,22,3.9c0-0.8-0.6-1.4-1.4-1.5L12,1L12,1z"/>
     <path id="shape-shield-inner" d="M12,3l7.9,1.2c0.1,0,0.1,0,0.1,0.1c0,2.9,0,5.2-0.1,6.1c-0.4,4-1.2,5.6-2.8,7.6c-1.8,2.3-4.4,2.8-5.1,3 c-0.7-0.1-3.3-0.7-5.1-3c-1.6-1.9-2.4-3.6-2.8-7.6C4,9.5,4,7.3,4,4.3c0,0,0-0.1,0.1-0.1L12,3"/>
     <path id="shape-shield-detail" d="M12,20c-0.8-0.2-2.9-0.7-4.4-2.6c-1.4-1.8-2.1-3.2-2.5-7C5,9.6,5,7.7,5,5.1L12,4 V20z"/>
 
     <mask id="mask-shield-cutout">
-      <rect width="24" height="24" fill="#000" />
-      <use xlink:href="#shape-shield-outer" fill="#fff" />
-      <use xlink:href="#shape-shield-inner" fill="#000" />
-      <use xlink:href="#shape-shield-detail" fill="#fff" />
+      <rect width="24" height="24" fill="#000"/>
+      <use xlink:href="#shape-shield-outer" fill="#fff"/>
+      <use xlink:href="#shape-shield-inner" fill="#000"/>
+      <use xlink:href="#shape-shield-detail" fill="#fff"/>
+    </mask>
+
+    <mask id="mask-shield-cutout-disabled">
+      <rect width="24" height="24" fill="#000"/>
+      <use xlink:href="#shape-shield-outer" fill="#fff"/>
+      <use xlink:href="#shape-shield-inner" fill="#000"/>
+      <use xlink:href="#shape-shield-detail" fill="#fff"/>
+      <line x1="3" y1="24" x2="23" y2="3" stroke="#000" stroke-width="3"/>
     </mask>
   </defs>
 
-  <use xlink:href="#shape-shield-outer" mask="url(#mask-shield-cutout)" fill="#a6a6a6" />
+  <g id="enabled">
+    <use class="fieldtext" xlink:href="#shape-shield-outer" mask="url(#mask-shield-cutout)"/>
+  </g>
+
+  <g id="disabled">
+    <use class="fieldtext" xlink:href="#shape-shield-outer" mask="url(#mask-shield-cutout-disabled)"/>
+    <line x1="3" y1="22" x2="23" y2="1" stroke="#d92d21" stroke-width="3"/>
+  </g>
 </svg>