From 27278cd5de7d1289cd9bb2b09dc4ddd56b4f8c6d Mon Sep 17 00:00:00 2001
From: Jan Holthuis <jan.holthuis@ruhr-uni-bochum.de>
Date: Sun, 27 Sep 2020 14:01:02 +0200
Subject: LateNight PaleMoon: Add styling for loop cues to hotcue buttons

---
 .../LateNight/palemoon/buttons/btn__1_loop.svg     | 167 +++++++++++++++++++++
 .../LateNight/palemoon/buttons/btn__2_loop.svg     | 109 ++++++++++++++
 .../LateNight/palemoon/buttons/btn__3_loop.svg     | 109 ++++++++++++++
 .../LateNight/palemoon/buttons/btn__4_loop.svg     | 109 ++++++++++++++
 .../LateNight/palemoon/buttons/btn__5_loop.svg     | 109 ++++++++++++++
 .../LateNight/palemoon/buttons/btn__6_loop.svg     | 109 ++++++++++++++
 .../LateNight/palemoon/buttons/btn__7_loop.svg     | 109 ++++++++++++++
 .../LateNight/palemoon/buttons/btn__8_loop.svg     | 159 ++++++++++++++++++++
 res/skins/LateNight/style_palemoon.qss             |  48 ++++++
 9 files changed, 1028 insertions(+)
 create mode 100644 res/skins/LateNight/palemoon/buttons/btn__1_loop.svg
 create mode 100644 res/skins/LateNight/palemoon/buttons/btn__2_loop.svg
 create mode 100644 res/skins/LateNight/palemoon/buttons/btn__3_loop.svg
 create mode 100644 res/skins/LateNight/palemoon/buttons/btn__4_loop.svg
 create mode 100644 res/skins/LateNight/palemoon/buttons/btn__5_loop.svg
 create mode 100644 res/skins/LateNight/palemoon/buttons/btn__6_loop.svg
 create mode 100644 res/skins/LateNight/palemoon/buttons/btn__7_loop.svg
 create mode 100644 res/skins/LateNight/palemoon/buttons/btn__8_loop.svg

(limited to 'res/skins/LateNight')

diff --git a/res/skins/LateNight/palemoon/buttons/btn__1_loop.svg b/res/skins/LateNight/palemoon/buttons/btn__1_loop.svg
new file mode 100644
index 0000000000..f4a66fb01a
--- /dev/null
+++ b/res/skins/LateNight/palemoon/buttons/btn__1_loop.svg
@@ -0,0 +1,167 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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="svg6"
+   version="1.1"
+   height="24"
+   width="20"
+   sodipodi:docname="btn__1_loop.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1080"
+     id="namedview7"
+     showgrid="false"
+     inkscape:zoom="43.484299"
+     inkscape:cx="4.2134387"
+     inkscape:cy="10.464569"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="g1717"
+     inkscape:document-rotation="0" />
+  <metadata
+     id="metadata12">
+    <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="defs10">
+    <marker
+       style="overflow:visible"
+       id="marker1312"
+       refX="0.0"
+       refY="0.0"
+       orient="auto"
+       inkscape:stockid="Arrow2Sstart"
+       inkscape:isstock="true">
+      <path
+         transform="scale(0.3) translate(-2.3,0)"
+         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.9730900,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z "
+         style="fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round;stroke:#000000;stroke-opacity:1;fill:#000000;fill-opacity:1"
+         id="path1310" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2Sstart"
+       refX="0.0"
+       refY="0.0"
+       orient="auto"
+       inkscape:stockid="Arrow2Sstart"
+       inkscape:isstock="true">
+      <path
+         transform="scale(0.3) translate(-2.3,0)"
+         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.9730900,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z "
+         style="fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round;stroke:#000000;stroke-opacity:1;fill:#000000;fill-opacity:1"
+         id="path886" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow1Sstart"
+       refX="0.0"
+       refY="0.0"
+       orient="auto"
+       inkscape:stockid="Arrow1Sstart"
+       inkscape:isstock="true">
+      <path
+         transform="scale(0.2) translate(6,0)"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1;fill:#000000;fill-opacity:1"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         id="path868" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2Lstart"
+       refX="0.0"
+       refY="0.0"
+       orient="auto"
+       inkscape:stockid="Arrow2Lstart"
+       inkscape:isstock="true">
+      <path
+         transform="scale(1.1) translate(1,0)"
+         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.9730900,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z "
+         style="fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round;stroke:#000000;stroke-opacity:1;fill:#000000;fill-opacity:1"
+         id="path874" />
+    </marker>
+  </defs>
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;"
+     x="5.8255696"
+     y="17.235025"
+     id="text836-5"><tspan
+       id="tspan834-8"
+       x="5.8255696"
+       y="17.235025"
+       style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:14.66666698px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans Bold';fill:#000000;fill-opacity:1;">1</tspan></text>
+  <g
+     id="g1717">
+    <path
+       id="path17"
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:3.9000001;stroke-dasharray:none;stroke-opacity:1"
+       d="M 4.5608663,5.029992 C 6.1297022,3.8094548 8.0606744,3.1467812 10.048376,3.1467812 c 4.935583,10e-8 8.936664,4.0010807 8.936664,8.9366638 v 0 c 0,1.383787 -0.320631,2.729437 -0.915876,3.940928"
+       sodipodi:nodetypes="csssc" />
+    <path
+       id="path853"
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 15.646565,19.04938 c -1.587077,1.275457 -3.562113,1.970729 -5.598189,1.970729 -4.9355833,0 -8.9366639,-4.001081 -8.9366639,-8.936664 10e-8,-1.507842 0.380631,-2.9695133 1.0814855,-4.2614821"
+       sodipodi:nodetypes="cssc" />
+    <path
+       sodipodi:type="star"
+       style="fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:3.9;stroke-dasharray:none;stroke-opacity:1"
+       id="path1696"
+       sodipodi:sides="3"
+       sodipodi:cx="4.902122"
+       sodipodi:cy="5.6412859"
+       sodipodi:r1="0.70009708"
+       sodipodi:r2="0.35004854"
+       sodipodi:arg1="0.014442429"
+       sodipodi:arg2="1.06164"
+       inkscape:flatsided="false"
+       inkscape:rounded="0"
+       inkscape:randomized="0"
+       d="M 5.6021461,5.6513966 5.0727499,5.9469329 4.5433538,6.2424691 4.55211,5.6362305 4.5608662,5.0299919 5.0815061,5.3406943 Z"
+       inkscape:transform-center-x="0.028684425"
+       inkscape:transform-center-y="-0.18863649"
+       transform="matrix(-1.0893759,0.55467804,-0.55467804,-1.0893759,14.328231,7.6701776)" />
+    <path
+       sodipodi:type="star"
+       style="fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:3.9;stroke-dasharray:none;stroke-opacity:1"
+       id="path1696-7"
+       sodipodi:sides="3"
+       sodipodi:cx="4.902122"
+       sodipodi:cy="5.6412859"
+       sodipodi:r1="0.70009708"
+       sodipodi:r2="0.35004854"
+       sodipodi:arg1="0.014442429"
+       sodipodi:arg2="1.06164"
+       inkscape:flatsided="false"
+       inkscape:rounded="0"
+       inkscape:randomized="0"
+       d="M 5.6021461,5.6513966 5.0727499,5.9469329 4.5433538,6.2424691 4.55211,5.6362305 4.5608662,5.0299919 5.0815061,5.3406943 Z"
+       inkscape:transform-center-x="0.0073495753"
+       inkscape:transform-center-y="0.20756378"
+       transform="matrix(-1.0774745,-0.5774569,0.5774569,-1.0774745,16.472708,28.603882)" />
+  </g>
+</svg>
diff --git a/res/skins/LateNight/palemoon/buttons/btn__2_loop.svg b/res/skins/LateNight/palemoon/buttons/btn__2_loop.svg
new file mode 100644
index 0000000000..501235396f
--- /dev/null
+++ b/res/skins/LateNight/palemoon/buttons/btn__2_loop.svg
@@ -0,0 +1,109 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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="svg6"
+   version="1.1"
+   height="24"
+   width="20"
+   sodipodi:docname="btn__2_loop.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1080"
+     id="namedview15"
+     showgrid="false"
+     inkscape:zoom="36.791667"
+     inkscape:cx="10"
+     inkscape:cy="12"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg6" />
+  <metadata
+     id="metadata12">
+    <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="defs10" />
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;"
+     x="5.8255696"
+     y="17.235025"
+     id="text836-5"><tspan
+       id="tspan834-8"
+       x="5.8255696"
+       y="17.235025"
+       style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:14.66666698px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans Bold';fill:#000000;fill-opacity:1;">2</tspan></text>
+  <g
+     id="g932">
+    <path
+       id="path17"
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:3.9;stroke-dasharray:none;stroke-opacity:1"
+       d="M 4.5608663,5.029992 C 6.1297022,3.8094548 8.0606744,3.1467812 10.048376,3.1467812 c 4.935583,10e-8 8.936664,4.0010807 8.936664,8.9366638 v 0 c 0,1.383787 -0.320631,2.729437 -0.915876,3.940928"
+       sodipodi:nodetypes="csssc" />
+    <path
+       id="path853"
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 15.646565,19.04938 c -1.587077,1.275457 -3.562113,1.970729 -5.598189,1.970729 -4.9355833,0 -8.9366639,-4.001081 -8.9366639,-8.936664 10e-8,-1.507842 0.380631,-2.9695133 1.0814855,-4.2614821"
+       sodipodi:nodetypes="cssc" />
+    <path
+       sodipodi:type="star"
+       style="fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:3.9;stroke-dasharray:none;stroke-opacity:1"
+       id="path1696"
+       sodipodi:sides="3"
+       sodipodi:cx="4.902122"
+       sodipodi:cy="5.6412859"
+       sodipodi:r1="0.70009708"
+       sodipodi:r2="0.35004854"
+       sodipodi:arg1="0.014442429"
+       sodipodi:arg2="1.06164"
+       inkscape:flatsided="false"
+       inkscape:rounded="0"
+       inkscape:randomized="0"
+       d="M 5.6021461,5.6513966 5.0727499,5.9469329 4.5433538,6.2424691 4.55211,5.6362305 4.5608662,5.0299919 5.0815061,5.3406943 Z"
+       inkscape:transform-center-x="0.028684425"
+       inkscape:transform-center-y="-0.18863649"
+       transform="matrix(-1.0893759,0.55467804,-0.55467804,-1.0893759,14.328231,7.6701776)" />
+    <path
+       sodipodi:type="star"
+       style="fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:3.9;stroke-dasharray:none;stroke-opacity:1"
+       id="path1696-7"
+       sodipodi:sides="3"
+       sodipodi:cx="4.902122"
+       sodipodi:cy="5.6412859"
+       sodipodi:r1="0.70009708"
+       sodipodi:r2="0.35004854"
+       sodipodi:arg1="0.014442429"
+       sodipodi:arg2="1.06164"
+       inkscape:flatsided="false"
+       inkscape:rounded="0"
+       inkscape:randomized="0"
+       d="M 5.6021461,5.6513966 5.0727499,5.9469329 4.5433538,6.2424691 4.55211,5.6362305 4.5608662,5.0299919 5.0815061,5.3406943 Z"
+       inkscape:transform-center-x="0.0073495753"
+       inkscape:transform-center-y="0.20756378"
+       transform="matrix(-1.0774745,-0.5774569,0.5774569,-1.0774745,16.472708,28.603882)" />
+  </g>
+</svg>
diff --git a/res/skins/LateNight/palemoon/buttons/btn__3_loop.svg b/res/skins/LateNight/palemoon/buttons/btn__3_loop.svg
new file mode 100644
index 0000000000..e5327ba2c1
--- /dev/null
+++ b/res/skins/LateNight/palemoon/buttons/btn__3_loop.svg
@@ -0,0 +1,109 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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="svg6"
+   version="1.1"
+   height="24"
+   width="20"
+   sodipodi:docname="btn__3_loop.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1080"
+     id="namedview1056"
+     showgrid="false"
+     inkscape:zoom="36.791667"
+     inkscape:cx="10"
+     inkscape:cy="12"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg6" />
+  <metadata
+     id="metadata12">
+    <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="defs10" />
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;"
+     x="5.8255696"
+     y="17.235025"
+     id="text836-5"><tspan
+       id="tspan834-8"
+       x="5.8255696"
+       y="17.235025"
+       style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:14.66666698px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans Bold';fill:#000000;fill-opacity:1;">3</tspan></text>
+  <g
+     id="g932">
+    <path
+       id="path17"
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:3.9;stroke-dasharray:none;stroke-opacity:1"
+       d="M 4.5608663,5.029992 C 6.1297022,3.8094548 8.0606744,3.1467812 10.048376,3.1467812 c 4.935583,10e-8 8.936664,4.0010807 8.936664,8.9366638 v 0 c 0,1.383787 -0.320631,2.729437 -0.915876,3.940928"
+       sodipodi:nodetypes="csssc" />
+    <path
+       id="path853"
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 15.646565,19.04938 c -1.587077,1.275457 -3.562113,1.970729 -5.598189,1.970729 -4.9355833,0 -8.9366639,-4.001081 -8.9366639,-8.936664 10e-8,-1.507842 0.380631,-2.9695133 1.0814855,-4.2614821"
+       sodipodi:nodetypes="cssc" />
+    <path
+       sodipodi:type="star"
+       style="fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:3.9;stroke-dasharray:none;stroke-opacity:1"
+       id="path1696"
+       sodipodi:sides="3"
+       sodipodi:cx="4.902122"
+       sodipodi:cy="5.6412859"
+       sodipodi:r1="0.70009708"
+       sodipodi:r2="0.35004854"
+       sodipodi:arg1="0.014442429"
+       sodipodi:arg2="1.06164"
+       inkscape:flatsided="false"
+       inkscape:rounded="0"
+       inkscape:randomized="0"
+       d="M 5.6021461,5.6513966 5.0727499,5.9469329 4.5433538,6.2424691 4.55211,5.6362305 4.5608662,5.0299919 5.0815061,5.3406943 Z"
+       inkscape:transform-center-x="0.028684425"
+       inkscape:transform-center-y="-0.18863649"
+       transform="matrix(-1.0893759,0.55467804,-0.55467804,-1.0893759,14.328231,7.6701776)" />
+    <path
+       sodipodi:type="star"
+       style="fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:3.9;stroke-dasharray:none;stroke-opacity:1"
+       id="path1696-7"
+       sodipodi:sides="3"
+       sodipodi:cx="4.902122"
+       sodipodi:cy="5.6412859"
+       sodipodi:r1="0.70009708"
+       sodipodi:r2="0.35004854"
+       sodipodi:arg1="0.014442429"
+       sodipodi:arg2="1.06164"
+       inkscape:flatsided="false"
+       inkscape:rounded="0"
+       inkscape:randomized="0"
+       d="M 5.6021461,5.6513966 5.0727499,5.9469329 4.5433538,6.2424691 4.55211,5.6362305 4.5608662,5.0299919 5.0815061,5.3406943 Z"
+       inkscape:transform-center-x="0.0073495753"
+       inkscape:transform-center-y="0.20756378"
+       transform="matrix(-1.0774745,-0.5774569,0.5774569,-1.0774745,16.472708,28.603882)" />
+  </g>
+</svg>
diff --git a/res/skins/LateNight/palemoon/buttons/btn__4_loop.svg b/res/skins/LateNight/palemoon/buttons/btn__4_loop.svg
new file mode 100644
index 0000000000..2c2ce420c7
--- /dev/null
+++ b/res/skins/LateNight/palemoon/buttons/btn__4_loop.svg
@@ -0,0 +1,109 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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="svg6"
+   version="1.1"
+   height="24"
+   width="20"
+   sodipodi:docname="btn__4_loop.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1080"
+     id="namedview1128"
+     showgrid="false"
+     inkscape:zoom="36.791667"
+     inkscape:cx="10"
+     inkscape:cy="12"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg6" />
+  <metadata
+     id="metadata12">
+    <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="defs10" />
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;"
+     x="5.8255696"
+     y="17.235025"
+     id="text836-5"><tspan
+       id="tspan834-8"
+       x="5.8255696"
+       y="17.235025"
+       style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:14.66666698px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans Bold';fill:#000000;fill-opacity:1;">4</tspan></text>
+  <g
+     id="g932">
+    <path
+       id="path17"
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:3.9;stroke-dasharray:none;stroke-opacity:1"
+       d="M 4.5608663,5.029992 C 6.1297022,3.8094548 8.0606744,3.1467812 10.048376,3.1467812 c 4.935583,10e-8 8.936664,4.0010807 8.936664,8.9366638 v 0 c 0,1.383787 -0.320631,2.729437 -0.915876,3.940928"
+       sodipodi:nodetypes="csssc" />
+    <path
+       id="path853"
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 15.646565,19.04938 c -1.587077,1.275457 -3.562113,1.970729 -5.598189,1.970729 -4.9355833,0 -8.9366639,-4.001081 -8.9366639,-8.936664 10e-8,-1.507842 0.380631,-2.9695133 1.0814855,-4.2614821"
+       sodipodi:nodetypes="cssc" />
+    <path
+       sodipodi:type="star"
+       style="fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:3.9;stroke-dasharray:none;stroke-opacity:1"
+       id="path1696"
+       sodipodi:sides="3"
+       sodipodi:cx="4.902122"
+       sodipodi:cy="5.6412859"
+       sodipodi:r1="0.70009708"
+       sodipodi:r2="0.35004854"
+       sodipodi:arg1="0.014442429"
+       sodipodi:arg2="1.06164"
+       inkscape:flatsided="false"
+       inkscape:rounded="0"
+       inkscape:randomized="0"
+       d="M 5.6021461,5.6513966 5.0727499,5.9469329 4.5433538,6.2424691 4.55211,5.6362305 4.5608662,5.0299919 5.0815061,5.3406943 Z"
+       inkscape:transform-center-x="0.028684425"
+       inkscape:transform-center-y="-0.18863649"
+       transform="matrix(-1.0893759,0.55467804,-0.55467804,-1.0893759,14.328231,7.6701776)" />
+    <path
+       sodipodi:type="star"
+       style="fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:3.9;stroke-dasharray:none;stroke-opacity:1"
+       id="path1696-7"
+       sodipodi:sides="3"
+       sodipodi:cx="4.902122"
+       sodipodi:cy="5.6412859"
+       sodipodi:r1="0.70009708"
+       sodipodi:r2="0.35004854"
+       sodipodi:arg1="0.014442429"
+       sodipodi:arg2="1.06164"
+       inkscape:flatsided="false"
+       inkscape:rounded="0"
+       inkscape:randomized="0"
+       d="M 5.6021461,5.6513966 5.0727499,5.9469329 4.5433538,6.2424691 4.55211,5.6362305 4.5608662,5.0299919 5.0815061,5.3406943 Z"
+       inkscape:transform-center-x="0.0073495753"
+       inkscape:transform-center-y="0.20756378"
+       transform="matrix(-1.0774745,-0.5774569,0.5774569,-1.0774745,16.472708,28.603882)" />
+  </g>
+</svg>
diff --git a/res/skins/LateNight/palemoon/buttons/btn__5_loop.svg b/res/skins/LateNight/palemoon/buttons/btn__5_loop.svg
new file mode 100644
index 0000000000..7757dcc9ac
--- /dev/null
+++ b/res/skins/LateNight/palemoon/buttons/btn__5_loop.svg
@@ -0,0 +1,109 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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="svg6"
+   version="1.1"
+   height="24"
+   width="20"
+   sodipodi:docname="btn__5_loop.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1080"
+     id="namedview1200"
+     showgrid="false"
+     inkscape:zoom="36.791667"
+     inkscape:cx="10"
+     inkscape:cy="12"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg6" />
+  <metadata
+     id="metadata12">
+    <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="defs10" />
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;"
+     x="5.8255696"
+     y="17.235025"
+     id="text836-5"><tspan
+       id="tspan834-8"
+       x="5.8255696"
+       y="17.235025"
+       style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:14.66666698px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans Bold';fill:#000000;fill-opacity:1;">5</tspan></text>
+  <g
+     id="g932">
+    <path
+       id="path17"
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:3.9;stroke-dasharray:none;stroke-opacity:1"
+       d="M 4.5608663,5.029992 C 6.1297022,3.8094548 8.0606744,3.1467812 10.048376,3.1467812 c 4.935583,10e-8 8.936664,4.0010807 8.936664,8.9366638 v 0 c 0,1.383787 -0.320631,2.729437 -0.915876,3.940928"
+       sodipodi:nodetypes="csssc" />
+    <path
+       id="path853"
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 15.646565,19.04938 c -1.587077,1.275457 -3.562113,1.970729 -5.598189,1.970729 -4.9355833,0 -8.9366639,-4.001081 -8.9366639,-8.936664 10e-8,-1.507842 0.380631,-2.9695133 1.0814855,-4.2614821"
+       sodipodi:nodetypes="cssc" />
+    <path
+       sodipodi:type="star"
+       style="fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:3.9;stroke-dasharray:none;stroke-opacity:1"
+       id="path1696"
+       sodipodi:sides="3"
+       sodipodi:cx="4.902122"
+       sodipodi:cy="5.6412859"
+       sodipodi:r1="0.70009708"
+       sodipodi:r2="0.35004854"
+       sodipodi:arg1="0.014442429"
+       sodipodi:arg2="1.06164"
+       inkscape:flatsided="false"
+       inkscape:rounded="0"
+       inkscape:randomized="0"
+       d="M 5.6021461,5.6513966 5.0727499,5.9469329 4.5433538,6.2424691 4.55211,5.6362305 4.5608662,5.0299919 5.0815061,5.3406943 Z"
+       inkscape:transform-center-x="0.028684425"
+       inkscape:transform-center-y="-0.18863649"
+       transform="matrix(-1.0893759,0.55467804,-0.55467804,-1.0893759,14.328231,7.6701776)" />
+    <path
+       sodipodi:type="star"
+       style="fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:3.9;stroke-dasharray:none;stroke-opacity:1"
+       id="path1696-7"
+       sodipodi:sides="3"
+       sodipodi:cx="4.902122"
+       sodipodi:cy="5.6412859"
+       sodipodi:r1="0.70009708"
+       sodipodi:r2="0.35004854"
+       sodipodi:arg1="0.014442429"
+       sodipodi:arg2="1.06164"
+       inkscape:flatsided="false"
+       inkscape:rounded="0"
+       inkscape:randomized="0"
+       d="M 5.6021461,5.6513966 5.0727499,5.9469329 4.5433538,6.2424691 4.55211,5.6362305 4.5608662,5.0299919 5.0815061,5.3406943 Z"
+       inkscape:transform-center-x="0.0073495753"
+       inkscape:transform-center-y="0.20756378"
+       transform="matrix(-1.0774745,-0.5774569,0.5774569,-1.0774745,16.472708,28.603882)" />
+  </g>
+</svg>
diff --git a/res/skins/LateNight/palemoon/buttons/btn__6_loop.svg b/res/skins/LateNight/palemoon/buttons/btn__6_loop.svg
new file mode 100644
index 0000000000..e284a940e4
--- /dev/null
+++ b/res/skins/LateNight/palemoon/buttons/btn__6_loop.svg
@@ -0,0 +1,109 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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="svg6"
+   version="1.1"
+   height="24"
+   width="20"
+   sodipodi:docname="btn__6_loop.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1080"
+     id="namedview1272"
+     showgrid="false"
+     inkscape:zoom="36.791667"
+     inkscape:cx="10"
+     inkscape:cy="12"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg6" />
+  <metadata
+     id="metadata12">
+    <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="defs10" />
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;"
+     x="5.8255696"
+     y="17.235025"
+     id="text836-5"><tspan
+       id="tspan834-8"
+       x="5.8255696"
+       y="17.235025"
+       style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:14.66666698px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans Bold';fill:#000000;fill-opacity:1;">6</tspan></text>
+  <g
+     id="g932">
+    <path
+       id="path17"
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:3.9;stroke-dasharray:none;stroke-opacity:1"
+       d="M 4.5608663,5.029992 C 6.1297022,3.8094548 8.0606744,3.1467812 10.048376,3.1467812 c 4.935583,10e-8 8.936664,4.0010807 8.936664,8.9366638 v 0 c 0,1.383787 -0.320631,2.729437 -0.915876,3.940928"
+       sodipodi:nodetypes="csssc" />
+    <path
+       id="path853"
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 15.646565,19.04938 c -1.587077,1.275457 -3.562113,1.970729 -5.598189,1.970729 -4.9355833,0 -8.9366639,-4.001081 -8.9366639,-8.936664 10e-8,-1.507842 0.380631,-2.9695133 1.0814855,-4.2614821"
+       sodipodi:nodetypes="cssc" />
+    <path
+       sodipodi:type="star"
+       style="fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:3.9;stroke-dasharray:none;stroke-opacity:1"
+       id="path1696"
+       sodipodi:sides="3"
+       sodipodi:cx="4.902122"
+       sodipodi:cy="5.6412859"
+       sodipodi:r1="0.70009708"
+       sodipodi:r2="0.35004854"
+       sodipodi:arg1="0.014442429"
+       sodipodi:arg2="1.06164"
+       inkscape:flatsided="false"
+       inkscape:rounded="0"
+       inkscape:randomized="0"
+       d="M 5.6021461,5.6513966 5.0727499,5.9469329 4.5433538,6.2424691 4.55211,5.6362305 4.5608662,5.0299919 5.0815061,5.3406943 Z"
+       inkscape:transform-center-x="0.028684425"
+       inkscape:transform-center-y="-0.18863649"
+       transform="matrix(-1.0893759,0.55467804,-0.55467804,-1.0893759,14.328231,7.6701776)" />
+    <path
+       sodipodi:type="star"
+       style="fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:3.9;stroke-dasharray:none;stroke-opacity:1"
+       id="path1696-7"
+       sodipodi:sides="3"
+       sodipodi:cx="4.902122"
+       sodipodi:cy="5.6412859"
+       sodipodi:r1="0.70009708"
+       sodipodi:r2="0.35004854"
+       sodipodi:arg1="0.014442429"
+       sodipodi:arg2="1.06164"
+       inkscape:flatsided="false"
+       inkscape:rounded="0"
+       inkscape:randomized="0"
+       d="M 5.6021461,5.6513966 5.0727499,5.9469329 4.5433538,6.2424691 4.55211,5.6362305 4.5608662,5.0299919 5.0815061,5.3406943 Z"
+       inkscape:transform-center-x="0.0073495753"
+       inkscape:transform-center-y="0.20756378"
+       transform="matrix(-1.0774745,-0.5774569,0.5774569,-1.0774745,16.472708,28.603882)" />
+  </g>
+</svg>
diff --git a/res/skins/LateNight/palemoon/buttons/btn__7_loop.svg b/res/skins/LateNight/palemoon/buttons/btn__7_loop.svg
new file mode 100644
index 0000000000..03f4ac0c1b
--- /dev/null
+++ b/res/skins/LateNight/palemoon/buttons/btn__7_loop.svg
@@ -0,0 +1,109 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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="svg6"
+   version="1.1"
+   height="24"
+   width="20"
+   sodipodi:docname="btn__7_loop.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1080"
+     id="namedview1344"
+     showgrid="false"
+     inkscape:zoom="36.791667"
+     inkscape:cx="10"
+     inkscape:cy="12"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg6" />
+  <metadata
+     id="metadata12">
+    <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="defs10" />
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;"
+     x="5.8255696"
+     y="17.235025"
+     id="text836-5"><tspan
+       id="tspan834-8"
+       x="5.8255696"
+       y="17.235025"
+       style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:14.66666698px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans Bold';fill:#000000;fill-opacity:1;">7</tspan></text>
+  <g
+     id="g932">
+    <path
+       id="path17"
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:3.9;stroke-dasharray:none;stroke-opacity:1"
+       d="M 4.5608663,5.029992 C 6.1297022,3.8094548 8.0606744,3.1467812 10.048376,3.1467812 c 4.935583,10e-8 8.936664,4.0010807 8.936664,8.9366638 v 0 c 0,1.383787 -0.320631,2.729437 -0.915876,3.940928"
+       sodipodi:nodetypes="csssc" />
+    <path
+       id="path853"
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 15.646565,19.04938 c -1.587077,1.275457 -3.562113,1.970729 -5.598189,1.970729 -4.9355833,0 -8.9366639,-4.001081 -8.9366639,-8.936664 10e-8,-1.507842 0.380631,-2.9695133 1.0814855,-4.2614821"
+       sodipodi:nodetypes="cssc" />
+    <path
+       sodipodi:type="star"
+       style="fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:3.9;stroke-dasharray:none;stroke-opacity:1"
+       id="path1696"
+       sodipodi:sides="3"
+       sodipodi:cx="4.902122"
+       sodipodi:cy="5.6412859"
+       sodipodi:r1="0.70009708"
+       sodipodi:r2="0.35004854"
+       sodipodi:arg1="0.014442429"
+       sodipodi:arg2="1.06164"
+       inkscape:flatsided="false"
+       inkscape:rounded="0"
+       inkscape:randomized="0"
+       d="M 5.6021461,5.6513966 5.0727499,5.9469329 4.5433538,6.2424691 4.55211,5.6362305 4.5608662,5.0299919 5.0815061,5.3406943 Z"
+       inkscape:transform-center-x="0.028684425"
+       inkscape:transform-center-y="-0.18863649"
+       transform="matrix(-1.0893759,0.55467804,-0.55467804,-1.0893759,14.328231,7.6701776)" />
+    <path
+       sodipodi:type="star"
+       style="fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:3.9;stroke-dasharray:none;stroke-opacity:1"
+       id="path1696-7"
+       sodipodi:sides="3"
+       sodipodi:cx="4.902122"
+       sodipodi:cy="5.6412859"
+       sodipodi:r1="0.70009708"
+       sodipodi:r2="0.35004854"
+       sodipodi:arg1="0.014442429"
+       sodipodi:arg2="1.06164"
+       inkscape:flatsided="false"
+       inkscape:rounded="0"
+       inkscape:randomized="0"
+       d="M 5.6021461,5.6513966 5.0727499,5.9469329 4.5433538,6.2424691 4.55211,5.6362305 4.5608662,5.0299919 5.0815061,5.3406943 Z"
+       inkscape:transform-center-x="0.0073495753"
+       inkscape:transform-center-y="0.20756378"
+       transform="matrix(-1.0774745,-0.5774569,0.5774569,-1.0774745,16.472708,28.603882)" />
+  </g>
+</svg>
diff --git a/res/skins/LateNight/palemoon/buttons/btn__8_loop.svg b/res/skins/LateNight/palemoon/buttons/btn__8_loop.svg
new file mode 100644
index 0000000000..db05c078bd
--- /dev/null
+++ b/res/skins/LateNight/palemoon/buttons/btn__8_loop.svg
@@ -0,0 +1,159 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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"
+   width="20"
+   height="24"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="btn__8_loop.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="948"
+     inkscape:window-height="477"
+     id="namedview1416"
+     showgrid="false"
+     inkscape:zoom="36.791667"
+     inkscape:cx="10"
+     inkscape:cy="12"
+     inkscape:window-x="8"
+     inkscape:window-y="557"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg6" />
+  <metadata
+     id="metadata12">
+    <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="defs10" />
+  <text
+     id="text836-5"
+     y="17.235025"
+     x="5.8255696"
+     style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;"
+     xml:space="preserve"><tspan
+       style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:14.66666698px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans Bold';fill:#000000;fill-opacity:1;"
+       y="17.235025"
+       x="5.8255696"
+       id="tspan834-8">8</tspan></text>
+  <g
+     id="g932"
+     transform="matrix(0,0,0,1,10.048376,0)">
+    <path
+       id="path17"
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:3.9;stroke-dasharray:none;stroke-opacity:1"
+       d="M 4.5608663,5.029992 C 6.1297022,3.8094548 8.0606744,3.1467812 10.048376,3.1467812 c 4.935583,10e-8 8.936664,4.0010807 8.936664,8.9366638 v 0 c 0,1.383787 -0.320631,2.729437 -0.915876,3.940928"
+       sodipodi:nodetypes="csssc" />
+    <path
+       id="path853"
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 15.646565,19.04938 c -1.587077,1.275457 -3.562113,1.970729 -5.598189,1.970729 -4.9355833,0 -8.9366639,-4.001081 -8.9366639,-8.936664 10e-8,-1.507842 0.380631,-2.9695133 1.0814855,-4.2614821"
+       sodipodi:nodetypes="cssc" />
+    <path
+       sodipodi:type="star"
+       style="fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:3.9;stroke-dasharray:none;stroke-opacity:1"
+       id="path1696"
+       sodipodi:sides="3"
+       sodipodi:cx="4.902122"
+       sodipodi:cy="5.6412859"
+       sodipodi:r1="0.70009708"
+       sodipodi:r2="0.35004854"
+       sodipodi:arg1="0.014442429"
+       sodipodi:arg2="1.06164"
+       inkscape:flatsided="false"
+       inkscape:rounded="0"
+       inkscape:randomized="0"
+       d="M 5.6021461,5.6513966 5.0727499,5.9469329 4.5433538,6.2424691 4.55211,5.6362305 4.5608662,5.0299919 5.0815061,5.3406943 Z"
+       inkscape:transform-center-x="0.028684425"
+       inkscape:transform-center-y="-0.18863649"
+       transform="matrix(-1.0893759,0.55467804,-0.55467804,-1.0893759,14.328231,7.6701776)" />
+    <path
+       sodipodi:type="star"
+       style="fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:3.9;stroke-dasharray:none;stroke-opacity:1"
+       id="path1696-7"
+       sodipodi:sides="3"
+       sodipodi:cx="4.902122"
+       sodipodi:cy="5.6412859"
+       sodipodi:r1="0.70009708"
+       sodipodi:r2="0.35004854"
+       sodipodi:arg1="0.014442429"
+       sodipodi:arg2="1.06164"
+       inkscape:flatsided="false"
+       inkscape:rounded="0"
+       inkscape:randomized="0"
+       d="M 5.6021461,5.6513966 5.0727499,5.9469329 4.5433538,6.2424691 4.55211,5.6362305 4.5608662,5.0299919 5.0815061,5.3406943 Z"
+       inkscape:transform-center-x="0.0073495753"
+       inkscape:transform-center-y="0.20756378"
+       transform="matrix(-1.0774745,-0.5774569,0.5774569,-1.0774745,16.472708,28.603882)" />
+  </g>
+  <g
+     id="g932-3">
+    <path
+       id="path17-6"
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:3.9;stroke-dasharray:none;stroke-opacity:1"
+       d="M 4.5608663,5.029992 C 6.1297022,3.8094548 8.0606744,3.1467812 10.048376,3.1467812 c 4.935583,10e-8 8.936664,4.0010807 8.936664,8.9366638 v 0 c 0,1.383787 -0.320631,2.729437 -0.915876,3.940928"
+       sodipodi:nodetypes="csssc" />
+    <path
+       id="path853-7"
+       style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 15.646565,19.04938 c -1.587077,1.275457 -3.562113,1.970729 -5.598189,1.970729 -4.9355833,0 -8.9366639,-4.001081 -8.9366639,-8.936664 10e-8,-1.507842 0.380631,-2.9695133 1.0814855,-4.2614821"
+       sodipodi:nodetypes="cssc" />
+    <path
+       sodipodi:type="star"
+       style="fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:3.9;stroke-dasharray:none;stroke-opacity:1"
+       id="path1696-5"
+       sodipodi:sides="3"
+       sodipodi:cx="4.902122"
+       sodipodi:cy="5.6412859"
+       sodipodi:r1="0.70009708"
+       sodipodi:r2="0.35004854"
+       sodipodi:arg1="0.014442429"
+       sodipodi:arg2="1.06164"
+       inkscape:flatsided="false"
+       inkscape:rounded="0"
+       inkscape:randomized="0"
+       d="M 5.6021461,5.6513966 5.0727499,5.9469329 4.5433538,6.2424691 4.55211,5.6362305 4.5608662,5.0299919 5.0815061,5.3406943 Z"
+       inkscape:transform-center-x="0.028684425"
+       inkscape:transform-center-y="-0.18863649"
+       transform="matrix(-1.0893759,0.55467804,-0.55467804,-1.0893759,14.328231,7.6701776)" />
+    <path
+       sodipodi:type="star"
+       style="fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:3.9;stroke-dasharray:none;stroke-opacity:1"
+       id="path1696-7-3"
+       sodipodi:sides="3"
+       sodipodi:cx="4.902122"
+       sodipodi:cy="5.6412859"
+       sodipodi:r1="0.70009708"
+       sodipodi:r2="0.35004854"
+       sodipodi:arg1="0.014442429"
+       sodipodi:arg2="1.06164"
+       inkscape:flatsided="false"
+       inkscape:rounded="0"
+       inkscape:randomized="0"
+       d="M 5.6021461,5.6513966 5.0727499,5.9469329 4.5433538,6.2424691 4.55211,5.6362305 4.5608662,5.0299919 5.0815061,5.3406943 Z"
+       inkscape:transform-center-x="0.0073495753"
+       inkscape:transform-center-y="0.20756378"
+       transform="matrix(-1.0774745,-0.5774569,0.5774569,-1.0774745,16.472708,28.603882)" />
+  </g>
+</svg>
diff --git a/res/skins/LateNight/style_palemoon.qss b/res/skins/LateNight/style_palemoon.qss
index a3234f97fd..e33e434208 100644
--- a/res/skins/LateNight/style_palemoon.qss
+++ b/res/skins/LateNight/style_palemoon.qss
@@ -1810,6 +1810,12 @@ WPushButton#RecButton[displayValue="1"],
   #Hotcue1 WPushButton[displayValue="2"][dark="true"] {
     image: url(skin:/palemoon/buttons/btn__1_active_dark.svg) no-repeat center center;
   }
+  #Hotcue1 WPushButton[type="loop"][displayValue="1"][dark="false"],
+  #Hotcue1 WPushButton[type="loop"][displayValue="2"][dark="false"],
+  #Hotcue1 WPushButton[type="loop"][displayValue="1"][dark="true"],
+  #Hotcue1 WPushButton[type="loop"][displayValue="2"][dark="true"] {
+    image: url(skin:/palemoon/buttons/btn__1_loop.svg) no-repeat center center;
+  }
 
 #Hotcue2 WPushButton[displayValue="0"] {
   image: url(skin:/palemoon/buttons/btn__2.svg) no-repeat center center;
@@ -1822,6 +1828,12 @@ WPushButton#RecButton[displayValue="1"],
   #Hotcue2 WPushButton[displayValue="2"][dark="true"] {
     image: url(skin:/palemoon/buttons/btn__2_active_dark.svg) no-repeat center center;
   }
+  #Hotcue2 WPushButton[type="loop"][displayValue="1"][dark="false"],
+  #Hotcue2 WPushButton[type="loop"][displayValue="2"][dark="false"],
+  #Hotcue2 WPushButton[type="loop"][displayValue="1"][dark="true"],
+  #Hotcue2 WPushButton[type="loop"][displayValue="2"][dark="true"] {
+    image: url(skin:/palemoon/buttons/btn__2_loop.svg) no-repeat center center;
+  }
 
 #Hotcue3 WPushButton[displayValue="0"] {
   image: url(skin:/palemoon/buttons/btn__3.svg) no-repeat center center;
@@ -1834,6 +1846,12 @@ WPushButton#RecButton[displayValue="1"],
   #Hotcue3 WPushButton[displayValue="2"][dark="true"] {
     image: url(skin:/palemoon/buttons/btn__3_active_dark.svg) no-repeat center center;
   }
+  #Hotcue3 WPushButton[type="loop"][displayValue="1"][dark="false"],
+  #Hotcue3 WPushButton[type="loop"][displayValue="2"][dark="false"],
+  #Hotcue3 WPushButton[type="loop"][displayValue="1"][dark="true"],
+  #Hotcue3 WPushButton[type="loop"][displayValue="2"][dark="true"] {
+    image: url(skin:/palemoon/buttons/btn__3_loop.svg) no-repeat center center;
+  }
 
 #Hotcue4 WPushButton[displayValue="0"] {
   image: url(skin:/palemoon/buttons/btn__4.svg) no-repeat center center;
@@ -1846,6 +1864,12 @@ WPushButton#RecButton[displayValue="1"],
   #Hotcue4 WPushButton[displayValue="2"][dark="true"] {
     image: url(skin:/palemoon/buttons/btn__4_active_dark.svg) no-repeat center center;
   }
+  #Hotcue4 WPushButton[type="loop"][displayValue="1"][dark="false"],
+  #Hotcue4 WPushButton[type="loop"][displayValue="2"][dark="false"],
+  #Hotcue4 WPushButton[type="loop"][displayValue="1"][dark="true"],
+  #Hotcue4 WPushButton[type="loop"][displayValue="2"][dark="true"] {
+    image: url(skin:/palemoon/buttons/btn__4_loop.svg) no-repeat center center;
+  }
 
 #Hotcue5 WPushButton[displayValue="0"] {
   image: url(skin:/palemoon/buttons/btn__5.svg) no-repeat center center;
@@ -1858,6 +1882,12 @@ WPushButton#RecButton[displayValue="1"],
   #Hotcue5 WPushButton[displayValue="2"][dark="true"] {
     image: url(skin:/palemoon/buttons/btn__5_active_dark.svg) no-repeat center center;
   }
+  #Hotcue5 WPushButton[type="loop"][displayValue="1"][dark="false"],
+  #Hotcue5 WPushButton[type="loop"][displayValue="2"][dark="false"],
+  #Hotcue5 WPushButton[type="loop"][displayValue="1"][dark="true"],
+  #Hotcue5 WPushButton[type="loop"][displayValue="2"][dark="true"] {
+    image: url(skin:/palemoon/buttons/btn__5_loop.svg) no-repeat center center;
+  }
 
 #Hotcue6 WPushButton[displayValue="0"] {
   image: url(skin:/palemoon/buttons/btn__6.svg) no-repeat center center;
@@ -1870,6 +1900,12 @@ WPushButton#RecButton[displayValue="1"],
   #Hotcue6 WPushButton[displayValue="2"][dark="true"] {
     image: url(skin:/palemoon/buttons/btn__6_active_dark.svg) no-repeat center center;
   }
+  #Hotcue6 WPushButton[type="loop"][displayValue="1"][dark="false"],
+  #Hotcue6 WPushButton[type="loop"][displayValue="2"][dark="false"],
+  #Hotcue6 WPushButton[type="loop"][displayValue="1"][dark="true"],
+  #Hotcue6 WPushButton[type="loop"][displayValue="2"][dark="true"] {
+    image: url(skin:/palemoon/buttons/btn__6_loop.svg) no-repeat center center;
+  }
 
 #Hotcue7 WPushButton[displayValue="0"] {
   image: url(skin:/palemoon/buttons/btn__7.svg) no-repeat center center;
@@ -1882,6 +1918,12 @@ WPushButton#RecButton[displayValue="1"],
   #Hotcue7 WPushButton[displayValue="2"][dark="true"] {
     image: url(skin:/palemoon/buttons/btn__7_active_dark.svg) no-repeat center center;
   }
+  #Hotcue7 WPushButton[type="loop"][displayValue="1"][dark="false"],
+  #Hotcue7 WPushButton[type="loop"][displayValue="2"][dark="false"],
+  #Hotcue7 WPushButton[type="loop"][displayValue="1"][dark="true"],
+  #Hotcue7 WPushButton[type="loop"][displayValue="2"][dark="true"] {
+    image: url(skin:/palemoon/buttons/btn__7_loop.svg) no-repeat center center;
+  }
 
 #Hotcue8 WPushButton[displayValue="0"] {
   image: url(skin:/palemoon/buttons/btn__8.svg) no-repeat center center;
@@ -1894,6 +1936,12 @@ WPushButton#RecButton[displayValue="1"],
   #Hotcue8 WPushButton[displayValue="2"][dark="true"] {
     image: url(skin:/palemoon/buttons/btn__8_active_dark.svg) no-repeat center center;
   }
+  #Hotcue8 WPushButton[type="loop"][displayValue="1"][dark="false"],
+  #Hotcue8 WPushButton[type="loop"][displayValue="2"][dark="false"],
+  #Hotcue8 WPushButton[type="loop"][displayValue="1"][dark="true"],
+  #Hotcue8 WPushButton[type="loop"][displayValue="2"][dark="true"] {
+    image: url(skin:/palemoon/buttons/btn__8_loop.svg) no-repeat center center;
+  }
 
 #SpecialCueButton_intro_start WPushButton[displayValue="0"] {
   image: url(skin:/palemoon/buttons/btn__intro_start.svg) no-repeat center center;
-- 
cgit v1.2.3