fix firefox hello icon

10 files changed, 674 insertions, 15 deletions

diff --git a/arc-firefox-theme/chrome/browser/browser.css b/arc-firefox-theme/chrome/browser/browser.css
index 5aed89b..74f5abd 100644
--- a/arc-firefox-theme/chrome/browser/browser.css
+++ b/arc-firefox-theme/chrome/browser/browser.css
@@ -786,11 +786,14 @@ toolbar[brighttext] #sync-button[status="active"] {
   -moz-image-region: rect(0, 720px, 18px, 702px); }
 
 #loop-button > .toolbarbutton-badge-container {
-  list-style-image: url(chrome://browser/skin/loop/toolbar.png);
+  list-style-image: url("chrome://browser/skin/custom_images/light/loop-toolbar-icons.svg");
   -moz-image-region: rect(0, 18px, 18px, 0); }
+  #TabsToolbar #loop-button > .toolbarbutton-badge-container {
+    list-style-image: url("chrome://browser/skin/custom_images/light/loop-tabbar-icons.svg"); }
 
-toolbar[brighttext] #loop-button > .toolbarbutton-badge-container {
-  list-style-image: url(chrome://browser/skin/loop/toolbar-inverted.png); }
+#loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-badge-container,
+#TabsToolbar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-badge-container {
+  list-style-image: url("chrome://browser/skin/custom_images/loop-toolbar-icons-active.svg"); }
 
 #loop-button[state="disabled"] > .toolbarbutton-badge-container,
 #loop-button[disabled="true"] > .toolbarbutton-badge-container {
diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/loop-tabbar-icons.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/loop-tabbar-icons.svg
new file mode 100644
index 0000000..d4445a3
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/dark/loop-tabbar-icons.svg
@@ -0,0 +1,128 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   width="126"
+   height="18"
+   viewBox="0 0 126 18"
+   sodipodi:docname="loop-tabbar-icons.svg">
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs6" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="640"
+     inkscape:window-height="480"
+     id="namedview4"
+     showgrid="false"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-paths="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-bbox-edge-midpoints="true"
+     inkscape:object-paths="true"
+     inkscape:snap-intersection-paths="true"
+     inkscape:object-nodes="true"
+     inkscape:snap-global="true"
+     inkscape:zoom="2.8284271"
+     inkscape:cx="-12.682075"
+     inkscape:cy="4.4737802"
+     inkscape:current-layer="layer2">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4138" />
+    <sodipodi:guide
+       position="18,9"
+       orientation="1,0"
+       id="guide4140" />
+    <sodipodi:guide
+       position="36,9"
+       orientation="1,0"
+       id="guide4142" />
+    <sodipodi:guide
+       position="54,9"
+       orientation="1,0"
+       id="guide4144" />
+    <sodipodi:guide
+       position="72,9"
+       orientation="1,0"
+       id="guide4146" />
+    <sodipodi:guide
+       position="90,9"
+       orientation="1,0"
+       id="guide4148" />
+    <sodipodi:guide
+       position="108,9"
+       orientation="1,0"
+       id="guide4150" />
+  </sodipodi:namedview>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Layer 2"
+     style="display:inline">
+    <path
+       style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="M 9,3 A 7,6 0 0 0 2,9 7,6 0 0 0 3.9394531,13.140625 L 2.5,16.46875 10.189453,14.912109 a 7,6 0 0 0 0.04102,-0.0078 A 7,6 0 0 0 16,9 7,6 0 0 0 9,3 Z m 2.449219,3 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 A 0.75,0.96875 0 0 1 11.449219,6 Z M 6.4492188,6.03125 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 0.75,0.96875 0 0 1 0.75,-0.96875 z M 5,10 A 5.0321543,2.5593277 0 0 0 8.9746094,10.992188 5.0321543,2.5593277 0 0 0 12.947266,10 3.9761278,3.0610538 0 0 1 8.9746094,13 3.9761278,3.0610538 0 0 1 5,10 Z"
+       id="path4171"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 27,3 a 7,6 0 0 0 -7,6 7,6 0 0 0 1.939453,4.140625 L 20.5,16.46875 28.189453,14.912109 a 7,6 0 0 0 0.04102,-0.0078 A 7,6 0 0 0 34,9 7,6 0 0 0 27,3 Z m 0,2 a 5,4 0 0 1 5,4 5,4 0 0 1 -5,4 5,4 0 0 1 -5,-4 5,4 0 0 1 5,-4 z"
+       id="path4171-5"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;opacity:1;fill:#f46062;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="M 45 3 A 7 6 0 0 0 38 9 A 7 6 0 0 0 39.939453 13.140625 L 38.5 16.46875 L 46.189453 14.912109 A 7 6 0 0 0 46.230469 14.904297 A 7 6 0 0 0 52 9 A 7 6 0 0 0 45 3 z M 44 5 L 46 5 L 45.699219 10 L 44.300781 10 L 44 5 z M 45 11 C 45.554 11 46 11.446 46 12 C 46 12.554 45.554 13 45 13 C 44.446 13 44 12.554 44 12 C 44 11.446 44.446 11 45 11 z "
+       id="path4171-4-7" />
+    <path
+       style="display:inline;opacity:1;fill:#a0d058;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 63,3 a 7,6 0 0 0 -7,5.9999996 7,6 0 0 0 1.939453,4.1406254 L 56.5,16.46875 64.189453,14.912109 a 7,6 0 0 0 0.04102,-0.0078 A 7,6 0 0 0 70,8.9999996 7,6 0 0 0 63,3 Z m 2.449219,2.9999996 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 0.75,0.96875 0 0 1 0.75,-0.96875 z m -5,0.03125 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 0.75,0.96875 0 0 1 0.75,-0.96875 z M 59,9.9999996 A 5.0321543,2.5593277 0 0 0 62.974609,10.992188 5.0321543,2.5593277 0 0 0 66.947266,9.9999996 3.9761278,3.0610538 0 0 1 62.974609,13 3.9761278,3.0610538 0 0 1 59,9.9999996 Z"
+       id="path4171-9"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;opacity:1;fill:#b5da7c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 81,3 a 7,6 0 0 0 -7,5.9999996 7,6 0 0 0 1.939453,4.1406254 L 74.5,16.46875 82.189453,14.912109 a 7,6 0 0 0 0.04102,-0.0078 A 7,6 0 0 0 88,8.9999996 7,6 0 0 0 81,3 Z m 2.449219,2.9999996 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 0.75,0.96875 0 0 1 0.75,-0.96875 z m -5,0.03125 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 0.75,0.96875 0 0 1 0.75,-0.96875 z M 77,9.9999996 A 5.0321543,2.5593277 0 0 0 80.974609,10.992188 5.0321543,2.5593277 0 0 0 84.947266,9.9999996 3.9761278,3.0610538 0 0 1 80.974609,13 3.9761278,3.0610538 0 0 1 77,9.9999996 Z"
+       id="path4171-9-6"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 99,3 a 7,6 0 0 0 -7,5.9999996 7,6 0 0 0 1.939453,4.1406254 L 92.5,16.46875 l 7.68945,-1.556641 a 7,6 0 0 0 0.041,-0.0078 A 7,6 0 0 0 106,8.9999996 7,6 0 0 0 99,3 Z m 2.44922,2.9999996 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 0.75,0.96875 0 0 1 0.75,-0.96875 z m -5.000001,0.03125 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 0.75,0.96875 0 0 1 0.75,-0.96875 z M 95,9.9999996 A 5.0321543,2.5593277 0 0 0 98.974609,10.992188 5.0321543,2.5593277 0 0 0 102.94727,9.9999996 3.9761278,3.0610538 0 0 1 98.974609,13 3.9761278,3.0610538 0 0 1 95,9.9999996 Z"
+       id="path4171-9-8"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;opacity:1;fill:#74a9e8;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 117,3 a 7,6 0 0 0 -7,5.9999996 7,6 0 0 0 1.93945,4.1406254 L 110.5,16.46875 l 7.68945,-1.556641 a 7,6 0 0 0 0.041,-0.0078 A 7,6 0 0 0 124,8.9999996 7,6 0 0 0 117,3 Z m 2.44922,2.9999996 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 0.75,0.96875 0 0 1 0.75,-0.96875 z m -5,0.03125 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 0.75,0.96875 0 0 1 0.75,-0.96875 z M 113,9.9999996 a 5.0321543,2.5593277 0 0 0 3.97461,0.9921884 5.0321543,2.5593277 0 0 0 3.97266,-0.9921884 A 3.9761278,3.0610538 0 0 1 116.97461,13 3.9761278,3.0610538 0 0 1 113,9.9999996 Z"
+       id="path4171-9-2"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/loop-toolbar-icons.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/loop-toolbar-icons.svg
new file mode 100644
index 0000000..6129ac5
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/dark/loop-toolbar-icons.svg
@@ -0,0 +1,128 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   width="126"
+   height="18"
+   viewBox="0 0 126 18"
+   sodipodi:docname="loop-toolbar-icons.svg">
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs6" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="640"
+     inkscape:window-height="480"
+     id="namedview4"
+     showgrid="false"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-paths="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-bbox-edge-midpoints="true"
+     inkscape:object-paths="true"
+     inkscape:snap-intersection-paths="true"
+     inkscape:object-nodes="true"
+     inkscape:snap-global="true"
+     inkscape:zoom="2.8284271"
+     inkscape:cx="-12.682075"
+     inkscape:cy="4.4737802"
+     inkscape:current-layer="layer2">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4138" />
+    <sodipodi:guide
+       position="18,9"
+       orientation="1,0"
+       id="guide4140" />
+    <sodipodi:guide
+       position="36,9"
+       orientation="1,0"
+       id="guide4142" />
+    <sodipodi:guide
+       position="54,9"
+       orientation="1,0"
+       id="guide4144" />
+    <sodipodi:guide
+       position="72,9"
+       orientation="1,0"
+       id="guide4146" />
+    <sodipodi:guide
+       position="90,9"
+       orientation="1,0"
+       id="guide4148" />
+    <sodipodi:guide
+       position="108,9"
+       orientation="1,0"
+       id="guide4150" />
+  </sodipodi:namedview>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Layer 2"
+     style="display:inline">
+    <path
+       style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="M 9,3 A 7,6 0 0 0 2,9 7,6 0 0 0 3.9394531,13.140625 L 2.5,16.46875 10.189453,14.912109 a 7,6 0 0 0 0.04102,-0.0078 A 7,6 0 0 0 16,9 7,6 0 0 0 9,3 Z m 2.449219,3 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 A 0.75,0.96875 0 0 1 11.449219,6 Z M 6.4492188,6.03125 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 0.75,0.96875 0 0 1 0.75,-0.96875 z M 5,10 A 5.0321543,2.5593277 0 0 0 8.9746094,10.992188 5.0321543,2.5593277 0 0 0 12.947266,10 3.9761278,3.0610538 0 0 1 8.9746094,13 3.9761278,3.0610538 0 0 1 5,10 Z"
+       id="path4171"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 27,3 a 7,6 0 0 0 -7,6 7,6 0 0 0 1.939453,4.140625 L 20.5,16.46875 28.189453,14.912109 a 7,6 0 0 0 0.04102,-0.0078 A 7,6 0 0 0 34,9 7,6 0 0 0 27,3 Z m 0,2 a 5,4 0 0 1 5,4 5,4 0 0 1 -5,4 5,4 0 0 1 -5,-4 5,4 0 0 1 5,-4 z"
+       id="path4171-5"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;opacity:1;fill:#f46062;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="M 45 3 A 7 6 0 0 0 38 9 A 7 6 0 0 0 39.939453 13.140625 L 38.5 16.46875 L 46.189453 14.912109 A 7 6 0 0 0 46.230469 14.904297 A 7 6 0 0 0 52 9 A 7 6 0 0 0 45 3 z M 44 5 L 46 5 L 45.699219 10 L 44.300781 10 L 44 5 z M 45 11 C 45.554 11 46 11.446 46 12 C 46 12.554 45.554 13 45 13 C 44.446 13 44 12.554 44 12 C 44 11.446 44.446 11 45 11 z "
+       id="path4171-4-7" />
+    <path
+       style="display:inline;opacity:1;fill:#a0d058;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 63,3 a 7,6 0 0 0 -7,5.9999996 7,6 0 0 0 1.939453,4.1406254 L 56.5,16.46875 64.189453,14.912109 a 7,6 0 0 0 0.04102,-0.0078 A 7,6 0 0 0 70,8.9999996 7,6 0 0 0 63,3 Z m 2.449219,2.9999996 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 0.75,0.96875 0 0 1 0.75,-0.96875 z m -5,0.03125 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 0.75,0.96875 0 0 1 0.75,-0.96875 z M 59,9.9999996 A 5.0321543,2.5593277 0 0 0 62.974609,10.992188 5.0321543,2.5593277 0 0 0 66.947266,9.9999996 3.9761278,3.0610538 0 0 1 62.974609,13 3.9761278,3.0610538 0 0 1 59,9.9999996 Z"
+       id="path4171-9"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;opacity:1;fill:#b5da7c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 81,3 a 7,6 0 0 0 -7,5.9999996 7,6 0 0 0 1.939453,4.1406254 L 74.5,16.46875 82.189453,14.912109 a 7,6 0 0 0 0.04102,-0.0078 A 7,6 0 0 0 88,8.9999996 7,6 0 0 0 81,3 Z m 2.449219,2.9999996 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 0.75,0.96875 0 0 1 0.75,-0.96875 z m -5,0.03125 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 0.75,0.96875 0 0 1 0.75,-0.96875 z M 77,9.9999996 A 5.0321543,2.5593277 0 0 0 80.974609,10.992188 5.0321543,2.5593277 0 0 0 84.947266,9.9999996 3.9761278,3.0610538 0 0 1 80.974609,13 3.9761278,3.0610538 0 0 1 77,9.9999996 Z"
+       id="path4171-9-6"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 99,3 a 7,6 0 0 0 -7,5.9999996 7,6 0 0 0 1.939453,4.1406254 L 92.5,16.46875 l 7.68945,-1.556641 a 7,6 0 0 0 0.041,-0.0078 A 7,6 0 0 0 106,8.9999996 7,6 0 0 0 99,3 Z m 2.44922,2.9999996 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 0.75,0.96875 0 0 1 0.75,-0.96875 z m -5.000001,0.03125 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 0.75,0.96875 0 0 1 0.75,-0.96875 z M 95,9.9999996 A 5.0321543,2.5593277 0 0 0 98.974609,10.992188 5.0321543,2.5593277 0 0 0 102.94727,9.9999996 3.9761278,3.0610538 0 0 1 98.974609,13 3.9761278,3.0610538 0 0 1 95,9.9999996 Z"
+       id="path4171-9-8"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;opacity:1;fill:#74a9e8;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 117,3 a 7,6 0 0 0 -7,5.9999996 7,6 0 0 0 1.93945,4.1406254 L 110.5,16.46875 l 7.68945,-1.556641 a 7,6 0 0 0 0.041,-0.0078 A 7,6 0 0 0 124,8.9999996 7,6 0 0 0 117,3 Z m 2.44922,2.9999996 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 0.75,0.96875 0 0 1 0.75,-0.96875 z m -5,0.03125 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 0.75,0.96875 0 0 1 0.75,-0.96875 z M 113,9.9999996 a 5.0321543,2.5593277 0 0 0 3.97461,0.9921884 5.0321543,2.5593277 0 0 0 3.97266,-0.9921884 A 3.9761278,3.0610538 0 0 1 116.97461,13 3.9761278,3.0610538 0 0 1 113,9.9999996 Z"
+       id="path4171-9-2"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/loop-tabbar-icons.svg b/arc-firefox-theme/chrome/browser/custom_images/light/loop-tabbar-icons.svg
new file mode 100644
index 0000000..feecb60
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/light/loop-tabbar-icons.svg
@@ -0,0 +1,128 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   width="126"
+   height="18"
+   viewBox="0 0 126 18"
+   sodipodi:docname="loop-tabbar-icons.svg">
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs6" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="640"
+     inkscape:window-height="480"
+     id="namedview4"
+     showgrid="false"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-paths="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-bbox-edge-midpoints="true"
+     inkscape:object-paths="true"
+     inkscape:snap-intersection-paths="true"
+     inkscape:object-nodes="true"
+     inkscape:snap-global="true"
+     inkscape:zoom="2.8284271"
+     inkscape:cx="49.366546"
+     inkscape:cy="5.180887"
+     inkscape:current-layer="layer2">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4138" />
+    <sodipodi:guide
+       position="18,9"
+       orientation="1,0"
+       id="guide4140" />
+    <sodipodi:guide
+       position="36,9"
+       orientation="1,0"
+       id="guide4142" />
+    <sodipodi:guide
+       position="54,9"
+       orientation="1,0"
+       id="guide4144" />
+    <sodipodi:guide
+       position="72,9"
+       orientation="1,0"
+       id="guide4146" />
+    <sodipodi:guide
+       position="90,9"
+       orientation="1,0"
+       id="guide4148" />
+    <sodipodi:guide
+       position="108,9"
+       orientation="1,0"
+       id="guide4150" />
+  </sodipodi:namedview>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Layer 2"
+     style="display:inline">
+    <path
+       style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="M 9,3 A 7,6 0 0 0 2,9 7,6 0 0 0 3.9394531,13.140625 L 2.5,16.46875 10.189453,14.912109 a 7,6 0 0 0 0.04102,-0.0078 A 7,6 0 0 0 16,9 7,6 0 0 0 9,3 Z m 2.449219,3 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 A 0.75,0.96875 0 0 1 11.449219,6 Z M 6.4492188,6.03125 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 0.75,0.96875 0 0 1 0.75,-0.96875 z M 5,10 A 5.0321543,2.5593277 0 0 0 8.9746094,10.992188 5.0321543,2.5593277 0 0 0 12.947266,10 3.9761278,3.0610538 0 0 1 8.9746094,13 3.9761278,3.0610538 0 0 1 5,10 Z"
+       id="path4171"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 27,3 a 7,6 0 0 0 -7,6 7,6 0 0 0 1.939453,4.140625 L 20.5,16.46875 28.189453,14.912109 a 7,6 0 0 0 0.04102,-0.0078 A 7,6 0 0 0 34,9 7,6 0 0 0 27,3 Z m 0,2 a 5,4 0 0 1 5,4 5,4 0 0 1 -5,4 5,4 0 0 1 -5,-4 5,4 0 0 1 5,-4 z"
+       id="path4171-5"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;opacity:1;fill:#f46062;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="M 45 3 A 7 6 0 0 0 38 9 A 7 6 0 0 0 39.939453 13.140625 L 38.5 16.46875 L 46.189453 14.912109 A 7 6 0 0 0 46.230469 14.904297 A 7 6 0 0 0 52 9 A 7 6 0 0 0 45 3 z M 44 5 L 46 5 L 45.699219 10 L 44.300781 10 L 44 5 z M 45 11 C 45.554 11 46 11.446 46 12 C 46 12.554 45.554 13 45 13 C 44.446 13 44 12.554 44 12 C 44 11.446 44.446 11 45 11 z "
+       id="path4171-4-7" />
+    <path
+       style="display:inline;opacity:1;fill:#a0d058;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 63,3 a 7,6 0 0 0 -7,5.9999996 7,6 0 0 0 1.939453,4.1406254 L 56.5,16.46875 64.189453,14.912109 a 7,6 0 0 0 0.04102,-0.0078 A 7,6 0 0 0 70,8.9999996 7,6 0 0 0 63,3 Z m 2.449219,2.9999996 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 0.75,0.96875 0 0 1 0.75,-0.96875 z m -5,0.03125 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 0.75,0.96875 0 0 1 0.75,-0.96875 z M 59,9.9999996 A 5.0321543,2.5593277 0 0 0 62.974609,10.992188 5.0321543,2.5593277 0 0 0 66.947266,9.9999996 3.9761278,3.0610538 0 0 1 62.974609,13 3.9761278,3.0610538 0 0 1 59,9.9999996 Z"
+       id="path4171-9"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;opacity:1;fill:#b5da7c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 81,3 a 7,6 0 0 0 -7,5.9999996 7,6 0 0 0 1.939453,4.1406254 L 74.5,16.46875 82.189453,14.912109 a 7,6 0 0 0 0.04102,-0.0078 A 7,6 0 0 0 88,8.9999996 7,6 0 0 0 81,3 Z m 2.449219,2.9999996 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 0.75,0.96875 0 0 1 0.75,-0.96875 z m -5,0.03125 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 0.75,0.96875 0 0 1 0.75,-0.96875 z M 77,9.9999996 A 5.0321543,2.5593277 0 0 0 80.974609,10.992188 5.0321543,2.5593277 0 0 0 84.947266,9.9999996 3.9761278,3.0610538 0 0 1 80.974609,13 3.9761278,3.0610538 0 0 1 77,9.9999996 Z"
+       id="path4171-9-6"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 99,3 a 7,6 0 0 0 -7,5.9999996 7,6 0 0 0 1.939453,4.1406254 L 92.5,16.46875 l 7.68945,-1.556641 a 7,6 0 0 0 0.041,-0.0078 A 7,6 0 0 0 106,8.9999996 7,6 0 0 0 99,3 Z m 2.44922,2.9999996 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 0.75,0.96875 0 0 1 0.75,-0.96875 z m -5.000001,0.03125 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 0.75,0.96875 0 0 1 0.75,-0.96875 z M 95,9.9999996 A 5.0321543,2.5593277 0 0 0 98.974609,10.992188 5.0321543,2.5593277 0 0 0 102.94727,9.9999996 3.9761278,3.0610538 0 0 1 98.974609,13 3.9761278,3.0610538 0 0 1 95,9.9999996 Z"
+       id="path4171-9-8"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;opacity:1;fill:#74a9e8;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 117,3 a 7,6 0 0 0 -7,5.9999996 7,6 0 0 0 1.93945,4.1406254 L 110.5,16.46875 l 7.68945,-1.556641 a 7,6 0 0 0 0.041,-0.0078 A 7,6 0 0 0 124,8.9999996 7,6 0 0 0 117,3 Z m 2.44922,2.9999996 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 0.75,0.96875 0 0 1 0.75,-0.96875 z m -5,0.03125 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 0.75,0.96875 0 0 1 0.75,-0.96875 z M 113,9.9999996 a 5.0321543,2.5593277 0 0 0 3.97461,0.9921884 5.0321543,2.5593277 0 0 0 3.97266,-0.9921884 A 3.9761278,3.0610538 0 0 1 116.97461,13 3.9761278,3.0610538 0 0 1 113,9.9999996 Z"
+       id="path4171-9-2"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/loop-toolbar-icons.svg b/arc-firefox-theme/chrome/browser/custom_images/light/loop-toolbar-icons.svg
new file mode 100644
index 0000000..9182cd2
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/light/loop-toolbar-icons.svg
@@ -0,0 +1,128 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   width="126"
+   height="18"
+   viewBox="0 0 126 18"
+   sodipodi:docname="loop-toolbar-icons.svg">
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs6" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="640"
+     inkscape:window-height="480"
+     id="namedview4"
+     showgrid="false"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-paths="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-bbox-edge-midpoints="true"
+     inkscape:object-paths="true"
+     inkscape:snap-intersection-paths="true"
+     inkscape:object-nodes="true"
+     inkscape:snap-global="true"
+     inkscape:zoom="1"
+     inkscape:cx="75.154498"
+     inkscape:cy="6.8289055"
+     inkscape:current-layer="layer2">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4138" />
+    <sodipodi:guide
+       position="18,9"
+       orientation="1,0"
+       id="guide4140" />
+    <sodipodi:guide
+       position="36,9"
+       orientation="1,0"
+       id="guide4142" />
+    <sodipodi:guide
+       position="54,9"
+       orientation="1,0"
+       id="guide4144" />
+    <sodipodi:guide
+       position="72,9"
+       orientation="1,0"
+       id="guide4146" />
+    <sodipodi:guide
+       position="90,9"
+       orientation="1,0"
+       id="guide4148" />
+    <sodipodi:guide
+       position="108,9"
+       orientation="1,0"
+       id="guide4150" />
+  </sodipodi:namedview>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Layer 2"
+     style="display:inline">
+    <path
+       style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="M 9,3 A 7,6 0 0 0 2,9 7,6 0 0 0 3.9394531,13.140625 L 2.5,16.46875 10.189453,14.912109 a 7,6 0 0 0 0.04102,-0.0078 A 7,6 0 0 0 16,9 7,6 0 0 0 9,3 Z m 2.449219,3 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 A 0.75,0.96875 0 0 1 11.449219,6 Z M 6.4492188,6.03125 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 0.75,0.96875 0 0 1 0.75,-0.96875 z M 5,10 A 5.0321543,2.5593277 0 0 0 8.9746094,10.992188 5.0321543,2.5593277 0 0 0 12.947266,10 3.9761278,3.0610538 0 0 1 8.9746094,13 3.9761278,3.0610538 0 0 1 5,10 Z"
+       id="path4171"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 27,3 a 7,6 0 0 0 -7,6 7,6 0 0 0 1.939453,4.140625 L 20.5,16.46875 28.189453,14.912109 a 7,6 0 0 0 0.04102,-0.0078 A 7,6 0 0 0 34,9 7,6 0 0 0 27,3 Z m 0,2 a 5,4 0 0 1 5,4 5,4 0 0 1 -5,4 5,4 0 0 1 -5,-4 5,4 0 0 1 5,-4 z"
+       id="path4171-5"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;opacity:1;fill:#f46062;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="M 45 3 A 7 6 0 0 0 38 9 A 7 6 0 0 0 39.939453 13.140625 L 38.5 16.46875 L 46.189453 14.912109 A 7 6 0 0 0 46.230469 14.904297 A 7 6 0 0 0 52 9 A 7 6 0 0 0 45 3 z M 44 5 L 46 5 L 45.699219 10 L 44.300781 10 L 44 5 z M 45 11 C 45.554 11 46 11.446 46 12 C 46 12.554 45.554 13 45 13 C 44.446 13 44 12.554 44 12 C 44 11.446 44.446 11 45 11 z "
+       id="path4171-4-7" />
+    <path
+       style="display:inline;opacity:1;fill:#a0d058;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 63,3 a 7,6 0 0 0 -7,5.9999996 7,6 0 0 0 1.939453,4.1406254 L 56.5,16.46875 64.189453,14.912109 a 7,6 0 0 0 0.04102,-0.0078 A 7,6 0 0 0 70,8.9999996 7,6 0 0 0 63,3 Z m 2.449219,2.9999996 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 0.75,0.96875 0 0 1 0.75,-0.96875 z m -5,0.03125 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 0.75,0.96875 0 0 1 0.75,-0.96875 z M 59,9.9999996 A 5.0321543,2.5593277 0 0 0 62.974609,10.992188 5.0321543,2.5593277 0 0 0 66.947266,9.9999996 3.9761278,3.0610538 0 0 1 62.974609,13 3.9761278,3.0610538 0 0 1 59,9.9999996 Z"
+       id="path4171-9"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;opacity:1;fill:#b5da7c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 81,3 a 7,6 0 0 0 -7,5.9999996 7,6 0 0 0 1.939453,4.1406254 L 74.5,16.46875 82.189453,14.912109 a 7,6 0 0 0 0.04102,-0.0078 A 7,6 0 0 0 88,8.9999996 7,6 0 0 0 81,3 Z m 2.449219,2.9999996 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 0.75,0.96875 0 0 1 0.75,-0.96875 z m -5,0.03125 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 0.75,0.96875 0 0 1 0.75,-0.96875 z M 77,9.9999996 A 5.0321543,2.5593277 0 0 0 80.974609,10.992188 5.0321543,2.5593277 0 0 0 84.947266,9.9999996 3.9761278,3.0610538 0 0 1 80.974609,13 3.9761278,3.0610538 0 0 1 77,9.9999996 Z"
+       id="path4171-9-6"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 99,3 a 7,6 0 0 0 -7,5.9999996 7,6 0 0 0 1.939453,4.1406254 L 92.5,16.46875 l 7.68945,-1.556641 a 7,6 0 0 0 0.041,-0.0078 A 7,6 0 0 0 106,8.9999996 7,6 0 0 0 99,3 Z m 2.44922,2.9999996 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 0.75,0.96875 0 0 1 0.75,-0.96875 z m -5.000001,0.03125 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 0.75,0.96875 0 0 1 0.75,-0.96875 z M 95,9.9999996 A 5.0321543,2.5593277 0 0 0 98.974609,10.992188 5.0321543,2.5593277 0 0 0 102.94727,9.9999996 3.9761278,3.0610538 0 0 1 98.974609,13 3.9761278,3.0610538 0 0 1 95,9.9999996 Z"
+       id="path4171-9-8"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;opacity:1;fill:#74a9e8;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 117,3 a 7,6 0 0 0 -7,5.9999996 7,6 0 0 0 1.93945,4.1406254 L 110.5,16.46875 l 7.68945,-1.556641 a 7,6 0 0 0 0.041,-0.0078 A 7,6 0 0 0 124,8.9999996 7,6 0 0 0 117,3 Z m 2.44922,2.9999996 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 0.75,0.96875 0 0 1 0.75,-0.96875 z m -5,0.03125 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 0.75,0.96875 0 0 1 0.75,-0.96875 z M 113,9.9999996 a 5.0321543,2.5593277 0 0 0 3.97461,0.9921884 5.0321543,2.5593277 0 0 0 3.97266,-0.9921884 A 3.9761278,3.0610538 0 0 1 116.97461,13 3.9761278,3.0610538 0 0 1 113,9.9999996 Z"
+       id="path4171-9-2"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/loop-toolbar-icons-active.svg b/arc-firefox-theme/chrome/browser/custom_images/loop-toolbar-icons-active.svg
new file mode 100644
index 0000000..207c4c0
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/loop-toolbar-icons-active.svg
@@ -0,0 +1,128 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   width="126"
+   height="18"
+   viewBox="0 0 126 18"
+   sodipodi:docname="loop-toolbar-icons-active.svg">
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs6" />
+  <sodipodi:namedview
+     pagecolor="#797979"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="640"
+     inkscape:window-height="480"
+     id="namedview4"
+     showgrid="false"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-paths="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-bbox-edge-midpoints="true"
+     inkscape:object-paths="true"
+     inkscape:snap-intersection-paths="true"
+     inkscape:object-nodes="true"
+     inkscape:snap-global="true"
+     inkscape:zoom="2.8284271"
+     inkscape:cx="-12.682075"
+     inkscape:cy="4.4737802"
+     inkscape:current-layer="layer2">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4138" />
+    <sodipodi:guide
+       position="18,9"
+       orientation="1,0"
+       id="guide4140" />
+    <sodipodi:guide
+       position="36,9"
+       orientation="1,0"
+       id="guide4142" />
+    <sodipodi:guide
+       position="54,9"
+       orientation="1,0"
+       id="guide4144" />
+    <sodipodi:guide
+       position="72,9"
+       orientation="1,0"
+       id="guide4146" />
+    <sodipodi:guide
+       position="90,9"
+       orientation="1,0"
+       id="guide4148" />
+    <sodipodi:guide
+       position="108,9"
+       orientation="1,0"
+       id="guide4150" />
+  </sodipodi:namedview>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Layer 2"
+     style="display:inline">
+    <path
+       style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="M 9,3 A 7,6 0 0 0 2,9 7,6 0 0 0 3.9394531,13.140625 L 2.5,16.46875 10.189453,14.912109 a 7,6 0 0 0 0.04102,-0.0078 A 7,6 0 0 0 16,9 7,6 0 0 0 9,3 Z m 2.449219,3 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 A 0.75,0.96875 0 0 1 11.449219,6 Z M 6.4492188,6.03125 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 0.75,0.96875 0 0 1 0.75,-0.96875 z M 5,10 A 5.0321543,2.5593277 0 0 0 8.9746094,10.992188 5.0321543,2.5593277 0 0 0 12.947266,10 3.9761278,3.0610538 0 0 1 8.9746094,13 3.9761278,3.0610538 0 0 1 5,10 Z"
+       id="path4171"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 27,3 a 7,6 0 0 0 -7,6 7,6 0 0 0 1.939453,4.140625 L 20.5,16.46875 28.189453,14.912109 a 7,6 0 0 0 0.04102,-0.0078 A 7,6 0 0 0 34,9 7,6 0 0 0 27,3 Z m 0,2 a 5,4 0 0 1 5,4 5,4 0 0 1 -5,4 5,4 0 0 1 -5,-4 5,4 0 0 1 5,-4 z"
+       id="path4171-5"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="M 45 3 A 7 6 0 0 0 38 9 A 7 6 0 0 0 39.939453 13.140625 L 38.5 16.46875 L 46.189453 14.912109 A 7 6 0 0 0 46.230469 14.904297 A 7 6 0 0 0 52 9 A 7 6 0 0 0 45 3 z M 44 5 L 46 5 L 45.699219 10 L 44.300781 10 L 44 5 z M 45 11 C 45.554 11 46 11.446 46 12 C 46 12.554 45.554 13 45 13 C 44.446 13 44 12.554 44 12 C 44 11.446 44.446 11 45 11 z "
+       id="path4171-4-7" />
+    <path
+       style="display:inline;opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 63,3 a 7,6 0 0 0 -7,5.9999996 7,6 0 0 0 1.939453,4.1406254 L 56.5,16.46875 64.189453,14.912109 a 7,6 0 0 0 0.04102,-0.0078 A 7,6 0 0 0 70,8.9999996 7,6 0 0 0 63,3 Z m 2.449219,2.9999996 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 0.75,0.96875 0 0 1 0.75,-0.96875 z m -5,0.03125 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 0.75,0.96875 0 0 1 0.75,-0.96875 z M 59,9.9999996 A 5.0321543,2.5593277 0 0 0 62.974609,10.992188 5.0321543,2.5593277 0 0 0 66.947266,9.9999996 3.9761278,3.0610538 0 0 1 62.974609,13 3.9761278,3.0610538 0 0 1 59,9.9999996 Z"
+       id="path4171-9"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 81,3 a 7,6 0 0 0 -7,5.9999996 7,6 0 0 0 1.939453,4.1406254 L 74.5,16.46875 82.189453,14.912109 a 7,6 0 0 0 0.04102,-0.0078 A 7,6 0 0 0 88,8.9999996 7,6 0 0 0 81,3 Z m 2.449219,2.9999996 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 0.75,0.96875 0 0 1 0.75,-0.96875 z m -5,0.03125 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 0.75,0.96875 0 0 1 0.75,-0.96875 z M 77,9.9999996 A 5.0321543,2.5593277 0 0 0 80.974609,10.992188 5.0321543,2.5593277 0 0 0 84.947266,9.9999996 3.9761278,3.0610538 0 0 1 80.974609,13 3.9761278,3.0610538 0 0 1 77,9.9999996 Z"
+       id="path4171-9-6"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 99,3 a 7,6 0 0 0 -7,5.9999996 7,6 0 0 0 1.939453,4.1406254 L 92.5,16.46875 l 7.68945,-1.556641 a 7,6 0 0 0 0.041,-0.0078 A 7,6 0 0 0 106,8.9999996 7,6 0 0 0 99,3 Z m 2.44922,2.9999996 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 0.75,0.96875 0 0 1 0.75,-0.96875 z m -5.000001,0.03125 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 0.75,0.96875 0 0 1 0.75,-0.96875 z M 95,9.9999996 A 5.0321543,2.5593277 0 0 0 98.974609,10.992188 5.0321543,2.5593277 0 0 0 102.94727,9.9999996 3.9761278,3.0610538 0 0 1 98.974609,13 3.9761278,3.0610538 0 0 1 95,9.9999996 Z"
+       id="path4171-9-8"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 117,3 a 7,6 0 0 0 -7,5.9999996 7,6 0 0 0 1.93945,4.1406254 L 110.5,16.46875 l 7.68945,-1.556641 a 7,6 0 0 0 0.041,-0.0078 A 7,6 0 0 0 124,8.9999996 7,6 0 0 0 117,3 Z m 2.44922,2.9999996 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 0.75,0.96875 0 0 1 0.75,-0.96875 z m -5,0.03125 a 0.75,0.96875 0 0 1 0.75,0.96875 0.75,0.96875 0 0 1 -0.75,0.96875 0.75,0.96875 0 0 1 -0.75,-0.96875 0.75,0.96875 0 0 1 0.75,-0.96875 z M 113,9.9999996 a 5.0321543,2.5593277 0 0 0 3.97461,0.9921884 5.0321543,2.5593277 0 0 0 3.97266,-0.9921884 A 3.9761278,3.0610538 0 0 1 116.97461,13 3.9761278,3.0610538 0 0 1 113,9.9999996 Z"
+       id="path4171-9-2"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss b/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss
index c0eac2f..8aac321 100644
--- a/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss
+++ b/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss
@@ -1060,14 +1060,21 @@ toolbar[brighttext] #sync-button[status="active"] {
 }
 
 #loop-button > .toolbarbutton-badge-container {
-  list-style-image: url(chrome://browser/skin/loop/toolbar.png);
+  list-style-image: url("chrome://browser/skin/custom_images/#{$asset_path}/loop-toolbar-icons.svg");
   -moz-image-region: rect(0, 18px, 18px, 0);
+
+  #TabsToolbar & { list-style-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/loop-tabbar-icons.svg"); }
 }
 
-toolbar[brighttext] #loop-button > .toolbarbutton-badge-container {
-  list-style-image: url(chrome://browser/skin/loop/toolbar-inverted.png);
+#loop-button:not([disabled=true]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-badge-container,
+#TabsToolbar #loop-button:not([disabled=true]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-badge-container {
+  list-style-image: url("chrome://browser/skin/custom_images/loop-toolbar-icons-active.svg");
 }
 
+//toolbar[brighttext] #loop-button > .toolbarbutton-badge-container {
+//  list-style-image: url(chrome://browser/skin/loop/toolbar-inverted.png);
+//}
+
 #loop-button[state="disabled"] > .toolbarbutton-badge-container,
 #loop-button[disabled="true"] > .toolbarbutton-badge-container {
   -moz-image-region: rect(0, 36px, 18px, 18px);
diff --git a/arc-firefox-theme/chrome/browser/sass/browser-dark.css b/arc-firefox-theme/chrome/browser/sass/browser-dark.css
index e897904..81db042 100644
--- a/arc-firefox-theme/chrome/browser/sass/browser-dark.css
+++ b/arc-firefox-theme/chrome/browser/sass/browser-dark.css
@@ -786,11 +786,14 @@ toolbar[brighttext] #sync-button[status="active"] {
   -moz-image-region: rect(0, 720px, 18px, 702px); }
 
 #loop-button > .toolbarbutton-badge-container {
-  list-style-image: url(chrome://browser/skin/loop/toolbar.png);
+  list-style-image: url("chrome://browser/skin/custom_images/dark/loop-toolbar-icons.svg");
   -moz-image-region: rect(0, 18px, 18px, 0); }
+  #TabsToolbar #loop-button > .toolbarbutton-badge-container {
+    list-style-image: url("chrome://browser/skin/custom_images/dark/loop-tabbar-icons.svg"); }
 
-toolbar[brighttext] #loop-button > .toolbarbutton-badge-container {
-  list-style-image: url(chrome://browser/skin/loop/toolbar-inverted.png); }
+#loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-badge-container,
+#TabsToolbar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-badge-container {
+  list-style-image: url("chrome://browser/skin/custom_images/loop-toolbar-icons-active.svg"); }
 
 #loop-button[state="disabled"] > .toolbarbutton-badge-container,
 #loop-button[disabled="true"] > .toolbarbutton-badge-container {
diff --git a/arc-firefox-theme/chrome/browser/sass/browser-darker.css b/arc-firefox-theme/chrome/browser/sass/browser-darker.css
index 4a6899e..2cc34ff 100644
--- a/arc-firefox-theme/chrome/browser/sass/browser-darker.css
+++ b/arc-firefox-theme/chrome/browser/sass/browser-darker.css
@@ -786,11 +786,14 @@ toolbar[brighttext] #sync-button[status="active"] {
   -moz-image-region: rect(0, 720px, 18px, 702px); }
 
 #loop-button > .toolbarbutton-badge-container {
-  list-style-image: url(chrome://browser/skin/loop/toolbar.png);
+  list-style-image: url("chrome://browser/skin/custom_images/light/loop-toolbar-icons.svg");
   -moz-image-region: rect(0, 18px, 18px, 0); }
+  #TabsToolbar #loop-button > .toolbarbutton-badge-container {
+    list-style-image: url("chrome://browser/skin/custom_images/dark/loop-tabbar-icons.svg"); }
 
-toolbar[brighttext] #loop-button > .toolbarbutton-badge-container {
-  list-style-image: url(chrome://browser/skin/loop/toolbar-inverted.png); }
+#loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-badge-container,
+#TabsToolbar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-badge-container {
+  list-style-image: url("chrome://browser/skin/custom_images/loop-toolbar-icons-active.svg"); }
 
 #loop-button[state="disabled"] > .toolbarbutton-badge-container,
 #loop-button[disabled="true"] > .toolbarbutton-badge-container {
diff --git a/arc-firefox-theme/chrome/browser/sass/browser-light.css b/arc-firefox-theme/chrome/browser/sass/browser-light.css
index 5aed89b..74f5abd 100644
--- a/arc-firefox-theme/chrome/browser/sass/browser-light.css
+++ b/arc-firefox-theme/chrome/browser/sass/browser-light.css
@@ -786,11 +786,14 @@ toolbar[brighttext] #sync-button[status="active"] {
   -moz-image-region: rect(0, 720px, 18px, 702px); }
 
 #loop-button > .toolbarbutton-badge-container {
-  list-style-image: url(chrome://browser/skin/loop/toolbar.png);
+  list-style-image: url("chrome://browser/skin/custom_images/light/loop-toolbar-icons.svg");
   -moz-image-region: rect(0, 18px, 18px, 0); }
+  #TabsToolbar #loop-button > .toolbarbutton-badge-container {
+    list-style-image: url("chrome://browser/skin/custom_images/light/loop-tabbar-icons.svg"); }
 
-toolbar[brighttext] #loop-button > .toolbarbutton-badge-container {
-  list-style-image: url(chrome://browser/skin/loop/toolbar-inverted.png); }
+#loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-badge-container,
+#TabsToolbar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-badge-container {
+  list-style-image: url("chrome://browser/skin/custom_images/loop-toolbar-icons-active.svg"); }
 
 #loop-button[state="disabled"] > .toolbarbutton-badge-container,
 #loop-button[disabled="true"] > .toolbarbutton-badge-container {