aboutsummaryrefslogtreecommitdiff
path: root/arc-firefox-theme/chrome/browser
diff options
context:
space:
mode:
authorHorst31802015-10-22 14:38:18 +0200
committerHorst31802015-10-22 14:51:19 +0200
commit29a95ce63c9f9ce75c76f45a7d279611101e8d10 (patch)
treef61d8009ef849f74da8ce10c12644be7bf9424b7 /arc-firefox-theme/chrome/browser
parentfbc5e051de43df2e9fb8a2e6b88765e3061437ed (diff)
downloadsolarc-firefox-theme-29a95ce63c9f9ce75c76f45a7d279611101e8d10.tar.gz
solarc-firefox-theme-29a95ce63c9f9ce75c76f45a7d279611101e8d10.tar.xz
solarc-firefox-theme-29a95ce63c9f9ce75c76f45a7d279611101e8d10.zip
fix firefox hello icon
Diffstat (limited to 'arc-firefox-theme/chrome/browser')
-rw-r--r--arc-firefox-theme/chrome/browser/browser.css9
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/dark/loop-tabbar-icons.svg128
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/dark/loop-toolbar-icons.svg128
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/light/loop-tabbar-icons.svg128
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/light/loop-toolbar-icons.svg128
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/loop-toolbar-icons-active.svg128
-rw-r--r--arc-firefox-theme/chrome/browser/sass/_browser-sass.scss13
-rw-r--r--arc-firefox-theme/chrome/browser/sass/browser-dark.css9
-rw-r--r--arc-firefox-theme/chrome/browser/sass/browser-darker.css9
-rw-r--r--arc-firefox-theme/chrome/browser/sass/browser-light.css9
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 1e9114c..95b4df1 100644
--- a/arc-firefox-theme/chrome/browser/browser.css
+++ b/arc-firefox-theme/chrome/browser/browser.css
@@ -789,11 +789,14 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
-moz-image-region: rect(0, 720px, 18px, 702px); }
#loop-button {
- 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 {
+ list-style-image: url("chrome://browser/skin/custom_images/light/loop-tabbar-icons.svg"); }
-toolbar[brighttext] #loop-button {
- list-style-image: url(chrome://browser/skin/loop/toolbar-inverted.png); }
+#loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active),
+#TabsToolbar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) {
+ list-style-image: url("chrome://browser/skin/custom_images/loop-toolbar-icons-active.svg") !important; }
#loop-button[state="disabled"],
#loop-button[disabled="true"] {
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 4d2fecb..3233be1 100644
--- a/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss
+++ b/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss
@@ -1078,14 +1078,21 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
}
#loop-button {
- 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 {
- list-style-image: url(chrome://browser/skin/loop/toolbar-inverted.png);
+#loop-button:not([disabled=true]):-moz-any([open],[checked],:hover:active),
+#TabsToolbar #loop-button:not([disabled=true]):-moz-any([open],[checked],:hover:active) {
+ list-style-image: url("chrome://browser/skin/custom_images/loop-toolbar-icons-active.svg") !important;
}
+//toolbar[brighttext] #loop-button {
+// list-style-image: url(chrome://browser/skin/loop/toolbar-inverted.png);
+//}
+
#loop-button[state="disabled"],
#loop-button[disabled="true"] {
-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 93f1d7a..756cd34 100644
--- a/arc-firefox-theme/chrome/browser/sass/browser-dark.css
+++ b/arc-firefox-theme/chrome/browser/sass/browser-dark.css
@@ -789,11 +789,14 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
-moz-image-region: rect(0, 720px, 18px, 702px); }
#loop-button {
- 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 {
+ list-style-image: url("chrome://browser/skin/custom_images/dark/loop-tabbar-icons.svg"); }
-toolbar[brighttext] #loop-button {
- list-style-image: url(chrome://browser/skin/loop/toolbar-inverted.png); }
+#loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active),
+#TabsToolbar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) {
+ list-style-image: url("chrome://browser/skin/custom_images/loop-toolbar-icons-active.svg") !important; }
#loop-button[state="disabled"],
#loop-button[disabled="true"] {
diff --git a/arc-firefox-theme/chrome/browser/sass/browser-darker.css b/arc-firefox-theme/chrome/browser/sass/browser-darker.css
index cb09ca3..e05de86 100644
--- a/arc-firefox-theme/chrome/browser/sass/browser-darker.css
+++ b/arc-firefox-theme/chrome/browser/sass/browser-darker.css
@@ -789,11 +789,14 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
-moz-image-region: rect(0, 720px, 18px, 702px); }
#loop-button {
- 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 {
+ list-style-image: url("chrome://browser/skin/custom_images/dark/loop-tabbar-icons.svg"); }
-toolbar[brighttext] #loop-button {
- list-style-image: url(chrome://browser/skin/loop/toolbar-inverted.png); }
+#loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active),
+#TabsToolbar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) {
+ list-style-image: url("chrome://browser/skin/custom_images/loop-toolbar-icons-active.svg") !important; }
#loop-button[state="disabled"],
#loop-button[disabled="true"] {
diff --git a/arc-firefox-theme/chrome/browser/sass/browser-light.css b/arc-firefox-theme/chrome/browser/sass/browser-light.css
index 1e9114c..95b4df1 100644
--- a/arc-firefox-theme/chrome/browser/sass/browser-light.css
+++ b/arc-firefox-theme/chrome/browser/sass/browser-light.css
@@ -789,11 +789,14 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
-moz-image-region: rect(0, 720px, 18px, 702px); }
#loop-button {
- 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 {
+ list-style-image: url("chrome://browser/skin/custom_images/light/loop-tabbar-icons.svg"); }
-toolbar[brighttext] #loop-button {
- list-style-image: url(chrome://browser/skin/loop/toolbar-inverted.png); }
+#loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active),
+#TabsToolbar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) {
+ list-style-image: url("chrome://browser/skin/custom_images/loop-toolbar-icons-active.svg") !important; }
#loop-button[state="disabled"],
#loop-button[disabled="true"] {