Issue #638 - Part 7: Remove hover and active states for sound indicator

application/palemoon/themes/shared/tabbrowser/tab-audio.svg

@@ -2,85 +2,17 @@
 <!-- This Source Code Form is subject to the terms of the Mozilla Public
    - License, v. 2.0. If a copy of the MPL was not distributed with this
    - 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="16" height="16" viewBox="0 0 16 16">
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
   <style>
-    use:not(:target) {
+    path:not(:target) {
       display: none;
     }
-    .icon {
-      fill: #666;
-    }
-    .icon.hover {
-      fill: #4d4d4d;
-    }
-    .icon.pressed {
-      fill: #000;
-    }
-    .icon.dark {
-      fill: #999;
-    }
-    .icon.dark.hover {
-      fill: #b2b2b2;
-    }
-    .icon.dark.pressed {
-      fill: #fff;
-    }
-    .muted {
-      opacity: .7;
-      stroke: #666;
-      stroke-width: 0;
-    }
-    .muted.hover {
-      opacity: .85;
-      stroke: #4d4d4d;
-    }
-    .muted.pressed {
-      opacity: 1;
-      stroke: #000;
-    }
-    .muted.dark {
-      stroke: #999;
-    }
-    .muted.dark.hover {
-      stroke: #b2b2b2;
-    }
-    .muted.dark.pressed {
-      stroke: #fff;
-    }
   </style>
-  <defs>
-    <clipPath id="clip-wave">
-      <path d="M 10,7 l 3,-8 l 2,0 l 0,18 l -2,0 l -3,-8 z" />
-    </clipPath>
-    <mask id="disabled-cutout">
-      <rect width="16" height="16" fill="#fff" />
-      <line x1="4" y1="14" x2="14" y2="4" stroke="#000" stroke-width="2" />
-    </mask>
-    <g id="shape-tab-audio">
-      <rect x="2" y="5" width="6" height="6" rx="2" ry="2" />
-      <polygon points="4,6 9,2 9,14 4,10" />
-      <path d="M 10,7 a 1 1 0 0,1 0,2 z" />
-      <path d="M 10,5 a 3 3 0 0,1 0,6 l 0,-1 a 2 2 0 0,0 0,-4 z"  clip-path="url(#clip-wave)" />
-      <path d="M 10,3 a 5 5 0 0,1 0,10 l 0,-1 a 4 4 0 0,0 0,-8 z" clip-path="url(#clip-wave)" />
-    </g>
-    <g id="shape-tab-audio-muted">
-      <g mask="url(#disabled-cutout)">
-        <rect x="3" y="5" width="6" height="6" rx="2" ry="2" />
-        <polygon points="5,6 10,2 10,14 5,10" />
-      </g>
-      <line x1="2" y1="13" x2="14" y2="3" stroke-width="1.5" />
-    </g>
-  </defs>
-  <use id="tab-audio" class="icon" xlink:href="#shape-tab-audio"/>
-  <use id="tab-audio-hover" class="icon hover" xlink:href="#shape-tab-audio"/>
-  <use id="tab-audio-pressed" class="icon pressed" xlink:href="#shape-tab-audio"/>
-  <use id="tab-audio-muted" class="icon muted" xlink:href="#shape-tab-audio-muted" />
-  <use id="tab-audio-muted-hover" class="icon muted hover" xlink:href="#shape-tab-audio-muted" />
-  <use id="tab-audio-muted-pressed" class="icon muted pressed" xlink:href="#shape-tab-audio-muted" />
-  <use id="tab-audio-dark" class="icon dark" xlink:href="#shape-tab-audio"/>
-  <use id="tab-audio-dark-hover" class="icon hover dark" xlink:href="#shape-tab-audio"/>
-  <use id="tab-audio-dark-pressed" class="icon pressed dark" xlink:href="#shape-tab-audio"/>
-  <use id="tab-audio-muted-dark" class="icon muted dark" xlink:href="#shape-tab-audio-muted" />
-  <use id="tab-audio-muted-dark-hover" class="icon muted hover dark" xlink:href="#shape-tab-audio-muted" />
-  <use id="tab-audio-muted-dark-pressed" class="icon muted pressed dark" xlink:href="#shape-tab-audio-muted" />
-</svg>
+
+  <path id="tab-audio" d="M4,5C2.9,5,2,5.9,2,7v2c0,1.1,0.9,2,2,2h1.2L9,14V2L5.2,5H4z M11,8c0-0.6-0.4-1-1-1v2C10.6,9,11,8.6,11,8z M13,8 c0-1.4-1-2.6-2.3-2.9L10.4,6C11.3,6.2,12,7,12,8s-0.7,1.8-1.6,2l0.4,0.9C12,10.6,13,9.4,13,8z M11.4,3.2l-0.4,0.9 C12.8,4.6,14,6.2,14,8s-1.2,3.4-2.9,3.8l0.4,0.9C13.5,12.2,15,10.3,15,8S13.5,3.8,11.4,3.2z"/>
+
+  <path id="tab-audio-muted" d="M12.5,3.4L9,6.3V2L5.2,5H4C2.9,5,2,5.9,2,7v2c0,0.9,0.6,1.6,1.4,1.9l-1.9,1.5l1,1.2l11-9L12.5,3.4z M9,14v-4l-2.5,2L9,14z"/>
+
+  <path id="tab-audio-blocked" d="M8,0C3.6,0,0,3.6,0,8s3.6,8,8,8s8-3.6,8-8S12.4,0,8,0z M5.6,11.6l6-3.6l-6-3.6V11.6z M8,14.2
+  c-3.4,0-6.2-2.8-6.2-6.2S4.6,1.8,8,1.8s6.2,2.8,6.2,6.2S11.4,14.2,8,14.2z"/>
+</svg>