Fix WS icon in the Network panel

janodvarko · janodvarko · commit 688941bfa649 · 2015-11-12T12:21:06.000+01:00
diff --git a/chrome/content/network-content-script.js b/chrome/content/network-content-script.js
@@ -77,7 +77,7 @@ window.on(EVENTS.RESPONSE_BODY_DISPLAYED, (event) => {
   // xxxHonza: localization
   wsBox.innerHTML =
     '<div xmlns="http://www.w3.org/1999/xhtml" class="webSocketsInfo">' +
-    '<div class="title">WebSockets Upgrade Request</div>' +
+    '<div class="title">Web Socket Protocol Handshake (101)</div>' +
     '<div class="desc">No content for this request. If you want to ' +
     'monitor WebSockets communication you need to switch to the ' +
     '<a class="link">Web Sockets</a> panel.</div>' +
diff --git a/chrome/skin/classic/filters.svg b/chrome/skin/classic/filters.svg
@@ -0,0 +1,25 @@
+<!-- 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 height="0" xmlns="http://www.w3.org/2000/svg">
+  <filter id="invert" x="0%" y="0%" width="100%" height="100%"
+          primitiveUnits="objectBoundingBox">
+    <feComponentTransfer>
+      <feFuncR type="table" tableValues=".1 0"/>
+      <feFuncG type="table" tableValues=".1 0"/>
+      <feFuncB type="table" tableValues=".1 0"/>
+    </feComponentTransfer>
+  </filter>
+
+  <!-- Web Audio Gradients -->
+  <linearGradient id="bypass-light" x1="6%" y1="8%" x2="12%" y2="12%" spreadMethod="repeat">
+    <stop offset="0%" stop-color="#f0f1f2"/> <!-- theme-toolbar-background -->
+    <stop offset="50%" stop-color="#fff"/>
+  </linearGradient>
+
+  <linearGradient id="bypass-dark" x1="6%" y1="8%" x2="12%" y2="12%" spreadMethod="repeat">
+    <stop offset="0%" stop-color="#343c45"/> <!-- theme-toolbar-background -->
+    <stop offset="50%" stop-color="transparent"/>
+  </linearGradient>
+</svg>
diff --git a/chrome/skin/classic/netmonitor.css b/chrome/skin/classic/netmonitor.css
@@ -13,7 +13,12 @@
   transition: none;
   border-radius: 0;
   margin: 2px;
-  filter: url(chrome://devtools/skin/themes/images/filters.svg#invert);
+
+  /* Path to built-in theme resource has changed in Firefox 45
+  Befor: 45: chrome://devtools/skin/themes/images/filters.svg#invert
+  45+: chrome://devtools/skin//images/filters.svg#invert
+  The local copy can be remove as soon as the min Fx version is 45*/
+  filter: url(./filters.svg#invert);
 }
 
 .theme-firebug box.requests-menu-status.websocket {
