X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fdevtools%2Fperformance-icons.svg;h=be0adb0e30eb01f597b71e5f080f9fd56fd31fdc;hp=7c28d607e2f9bf66147fc7ecb60c463bb049a8eb;hb=5497455b20bc5f74484137eae68e957a9d3ef722;hpb=b3bf08b110943f4abc9642b613f0dcb078c22b0b

diff --git a/LCARStrek/browser/devtools/performance-icons.svg b/LCARStrek/browser/devtools/performance-icons.svg
index 7c28d607..be0adb0e 100644
--- a/LCARStrek/browser/devtools/performance-icons.svg
+++ b/LCARStrek/browser/devtools/performance-icons.svg
@@ -1,42 +1,69 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px">
-<style>
-  g {
-    fill: #FFCF00;
-  }
-  g:not(:target) {
-    display: none;
-  }
-</style>
-<g id="overview-markers">
-  <rect x="0px" y="3px" width="5px" height="2.5px" rx="1" ry="1"/>
-  <rect x="7px" y="3px" width="9px" height="2.5px" rx="1" ry="1"/>
-  <rect x="0px" y="7px" width="9px" height="2.5px" rx="1" ry="1"/>
-  <rect x="10px" y="7px" width="6px" height="2.5px" rx="1" ry="1"/>
-  <rect x="4px" y="11px" width="5px" height="2.5px" rx="1" ry="1"/>
-  <rect x="12px" y="11px" width="4px" height="2.5px" rx="1" ry="1"/>
-</g>
-<g id="overview-frames">
-  <rect x="1px" y="4px" width="2px" height="12px" rx="1" ry="1"/>
-  <rect x="5px" y="12px" width="2px" height="4px" rx="1" ry="1"/>
-  <rect x="9px" y="9px" width="2px" height="7px" rx="1" ry="1"/>
-  <rect x="13px" y="7px" width="2px" height="9px" rx="1" ry="1"/>
-</g>
-<g id="details-waterfall">
-  <rect x="0px" y="3px" width="9px" height="2.5px" rx="1" ry="1"/>
-  <rect x="5px" y="7px" width="8px" height="2.5px" rx="1" ry="1"/>
-  <rect x="7px" y="11px" width="9px" height="2.5px" rx="1" ry="1"/>
-</g>
-<g id="details-call-tree">
-  <rect x="0px" y="3px" width="16px" height="2px" rx="1" ry="1"/>
-  <rect x="0px" y="6px" width="8px" height="2px" rx="1" ry="1"/>
-  <rect x="0px" y="9px" width="11px" height="2px" rx="1" ry="1"/>
-  <rect x="0px" y="12px" width="6px" height="2px" rx="1" ry="1"/>
-</g>
-<g id="details-flamegraph">
-  <rect x="0px" y="3px" width="16px" height="2px" rx="1" ry="1"/>
-  <rect x="0px" y="6px" width="8px" height="2px" rx="1" ry="1"/>
-  <rect x="10px" y="6px" width="6px" height="2px" rx="1" ry="1"/>
-  <rect x="2px" y="9px" width="6px" height="2px" rx="1" ry="1"/>
-  <rect x="5px" y="12px" width="3px" height="2px" rx="1" ry="1"/>
-</g>
-</svg>
+<!-- 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="16px" height="16px">
+  <style>
+    use:not(:target) {
+      display: none;
+    }
+
+    use {
+      fill: #FFCF00;
+    }
+
+    use[id$="-active"] {
+      fill: #000000;
+    }
+  </style>
+ <defs>
+  <g id="overview-markers-shape">
+    <rect x="0px" y="3px" width="5px" height="2.5px" rx="1" ry="1"/>
+    <rect x="7px" y="3px" width="9px" height="2.5px" rx="1" ry="1"/>
+    <rect x="0px" y="7px" width="9px" height="2.5px" rx="1" ry="1"/>
+    <rect x="10px" y="7px" width="6px" height="2.5px" rx="1" ry="1"/>
+    <rect x="4px" y="11px" width="5px" height="2.5px" rx="1" ry="1"/>
+    <rect x="12px" y="11px" width="4px" height="2.5px" rx="1" ry="1"/>
+  </g>
+  <g id="overview-frames-shape">
+    <rect x="1px" y="4px" width="2px" height="12px" rx="1" ry="1"/>
+    <rect x="5px" y="12px" width="2px" height="4px" rx="1" ry="1"/>
+    <rect x="9px" y="9px" width="2px" height="7px" rx="1" ry="1"/>
+    <rect x="13px" y="7px" width="2px" height="9px" rx="1" ry="1"/>
+  </g>
+  <g id="details-waterfall-shape">
+    <rect x="0px" y="3px" width="9px" height="2.5px" rx="1" ry="1"/>
+    <rect x="5px" y="7px" width="8px" height="2.5px" rx="1" ry="1"/>
+    <rect x="7px" y="11px" width="9px" height="2.5px" rx="1" ry="1"/>
+  </g>
+  <g id="details-call-tree-shape">
+    <rect x="0px" y="3px" width="16px" height="2px" rx="1" ry="1"/>
+    <rect x="0px" y="6px" width="8px" height="2px" rx="1" ry="1"/>
+    <rect x="0px" y="9px" width="11px" height="2px" rx="1" ry="1"/>
+    <rect x="0px" y="12px" width="6px" height="2px" rx="1" ry="1"/>
+  </g>
+  <g id="details-flamegraph-shape">
+    <rect x="0px" y="3px" width="16px" height="2px" rx="1" ry="1"/>
+    <rect x="0px" y="6px" width="8px" height="2px" rx="1" ry="1"/>
+    <rect x="10px" y="6px" width="6px" height="2px" rx="1" ry="1"/>
+    <rect x="2px" y="9px" width="6px" height="2px" rx="1" ry="1"/>
+    <rect x="5px" y="12px" width="3px" height="2px" rx="1" ry="1"/>
+  </g>
+ </defs>
+
+ <use id="overview-markers"          xlink:href="#overview-markers-shape"/>
+ <use id="overview-markers-active"   xlink:href="#overview-markers-shape"/>
+
+ <use id="overview-frames"           xlink:href="#overview-frames-shape"/>
+ <use id="overview-frames-active"    xlink:href="#overview-frames-shape"/>
+
+ <use id="details-waterfall"         xlink:href="#details-waterfall-shape"/>
+ <use id="details-waterfall-active"  xlink:href="#details-waterfall-shape"/>
+
+ <use id="details-call-tree"         xlink:href="#details-call-tree-shape"/>
+ <use id="details-call-tree-active"  xlink:href="#details-call-tree-shape"/>
+
+ <use id="details-flamegraph"        xlink:href="#details-flamegraph-shape"/>
+ <use id="details-flamegraph-active" xlink:href="#details-flamegraph-shape"/>
+</svg>