move devtools to separate directory, make HTML-based inspector work

[themes.git] / LCARStrek / devtools / images / angle-swatch.svg

diff --git a/LCARStrek/devtools/images/angle-swatch.svg b/LCARStrek/devtools/images/angle-swatch.svg
new file mode 100644 (file)
index 0000000..a30abc5
--- /dev/null
+++ b/LCARStrek/devtools/images/angle-swatch.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- 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" viewBox="0 0 12 12" width="12px" height="12px">
+  <mask id="angle-mask">
+    <rect width="100%" height="100%" fill="#FFCF00"/>
+    <polygon points="6 6, 12 12, 0 12, 0 0, 6 0, 6 6"/>
+  </mask>
+  <mask id="circle-mask">
+    <circle cx="6" cy="6" r="6" fill="#FFCF00"/>
+  </mask>
+  <circle cx="6" cy="6" r="6" fill="#FFCF00"/>
+  <circle cx="6" cy="6" r="6" mask="url(#angle-mask)" fill="#A09090"/>
+  <line x1="6" y1="0" x2="6" y2="6" stroke-width="0.5" stroke="rgba(0,0,0,0.5)"></line>
+  <line x1="6" y1="6" x2="12" y2="12" stroke-width="0.5" stroke="rgba(0,0,0,0.5)" mask="url(#circle-mask)"></line>
+</svg>