From e35ee3d85ba814eba79bc0527e535f053f69206b Mon Sep 17 00:00:00 2001
From: Horst3180
Date: Fri, 13 May 2016 23:30:56 +0200
Subject: fix loop and pocket icons
---
arc-firefox-theme/chrome/browser/browser.css | 22 +++++++
.../custom_images/dark/loop-tabbar-icons.svg | 48 +++++++-------
.../custom_images/dark/loop-toolbar-icons.svg | 46 +++++++-------
.../custom_images/dark/pocket-tabbar-icons.svg | 74 ++++++++++++++++++++++
.../custom_images/dark/pocket-toolbar-icons.svg | 74 ++++++++++++++++++++++
.../custom_images/light/loop-tabbar-icons.svg | 46 +++++++-------
.../custom_images/light/loop-toolbar-icons.svg | 46 +++++++-------
.../custom_images/light/pocket-tabbar-icons.svg | 74 ++++++++++++++++++++++
.../custom_images/light/pocket-toolbar-icons.svg | 74 ++++++++++++++++++++++
.../custom_images/loop-toolbar-icons-active.svg | 56 +++++++++-------
.../custom_images/pocket-toolbar-icons-active.svg | 74 ++++++++++++++++++++++
.../chrome/browser/sass/browser-dark.css | 22 +++++++
.../chrome/browser/sass/browser-dark.scss | 2 +
.../chrome/browser/sass/browser-darker.css | 22 +++++++
.../chrome/browser/sass/browser-darker.scss | 2 +
.../chrome/browser/sass/browser-light.css | 22 +++++++
.../chrome/browser/sass/browser-light.scss | 2 +
.../chrome/browser/sass/extensions/_loop.scss | 11 ++++
.../chrome/browser/sass/extensions/_pocket.scss | 11 ++++
19 files changed, 615 insertions(+), 113 deletions(-)
create mode 100644 arc-firefox-theme/chrome/browser/custom_images/dark/pocket-tabbar-icons.svg
create mode 100644 arc-firefox-theme/chrome/browser/custom_images/dark/pocket-toolbar-icons.svg
create mode 100644 arc-firefox-theme/chrome/browser/custom_images/light/pocket-tabbar-icons.svg
create mode 100644 arc-firefox-theme/chrome/browser/custom_images/light/pocket-toolbar-icons.svg
create mode 100644 arc-firefox-theme/chrome/browser/custom_images/pocket-toolbar-icons-active.svg
create mode 100644 arc-firefox-theme/chrome/browser/sass/extensions/_loop.scss
create mode 100644 arc-firefox-theme/chrome/browser/sass/extensions/_pocket.scss
diff --git a/arc-firefox-theme/chrome/browser/browser.css b/arc-firefox-theme/chrome/browser/browser.css
index acdd8f6..905c57f 100644
--- a/arc-firefox-theme/chrome/browser/browser.css
+++ b/arc-firefox-theme/chrome/browser/browser.css
@@ -4588,3 +4588,25 @@ notification.heartbeat {
#userContext-icons[usercontextid="4"] > #userContext-indicator {
list-style-image: url("chrome://browser/skin/usercontext/shopping.svg"); }
+
+#nav-bar #loop-button, #nav-bar
+toolbar[brighttext] #loop-button {
+ list-style-image: url("chrome://browser/skin/custom_images/light/loop-toolbar-icons.svg") !important; }
+#TabsToolbar #loop-button, #TabsToolbar
+toolbar[brighttext] #loop-button {
+ list-style-image: url("chrome://browser/skin/custom_images/light/loop-tabbar-icons.svg") !important; }
+#nav-bar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar
+toolbar[brighttext] #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar
+toolbar[brighttext] #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; }
+
+#nav-bar #pocket-button, #nav-bar
+toolbar[brighttext] #pocket-button {
+ list-style-image: url("chrome://browser/skin/custom_images/light/pocket-toolbar-icons.svg") !important; }
+#TabsToolbar #pocket-button, #TabsToolbar
+toolbar[brighttext] #pocket-button {
+ list-style-image: url("chrome://browser/skin/custom_images/light/pocket-tabbar-icons.svg") !important; }
+#nav-bar #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar
+toolbar[brighttext] #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar
+toolbar[brighttext] #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) {
+ list-style-image: url("chrome://browser/skin/custom_images/pocket-toolbar-icons-active.svg") !important; }
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
index d4445a3..3f36676 100644
--- 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
@@ -12,9 +12,9 @@
id="svg2"
version="1.1"
inkscape:version="0.91 r13725"
- width="126"
- height="18"
- viewBox="0 0 126 18"
+ width="112"
+ height="16"
+ viewBox="0 0 112 16"
sodipodi:docname="loop-tabbar-icons.svg">
@@ -24,7 +24,7 @@
image/svg+xml
-
+
@@ -42,7 +42,7 @@
inkscape:window-width="640"
inkscape:window-height="480"
id="namedview4"
- showgrid="false"
+ showgrid="true"
showguides="true"
inkscape:guide-bbox="true"
inkscape:snap-bbox="true"
@@ -53,35 +53,35 @@
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:zoom="22.627417"
+ inkscape:cx="1.6802334"
+ inkscape:cy="6.0077774"
inkscape:current-layer="layer2">
@@ -89,39 +89,41 @@
inkscape:groupmode="layer"
id="layer2"
inkscape:label="Layer 2"
- style="display:inline">
+ style="display:inline"
+ transform="translate(0,-2)">
+ d="m 40,4.00025 a 7,6 0 0 0 -7,6 7,6 0 0 0 1.939453,4.140625 L 33.5,17.469 41.189453,15.912359 a 7,6 0 0 0 0.04102,-0.0078 A 7,6 0 0 0 47,10.00025 a 7,6 0 0 0 -7,-6 z m -1,2 2,0 -0.300781,5 -1.398438,0 -0.300781,-5 z m 1,6 c 0.554,0 1,0.446 1,1 0,0.554 -0.446,1 -1,1 -0.554,0 -1,-0.446 -1,-1 0,-0.554 0.446,-1 1,-1 z"
+ id="path4171-4-7"
+ inkscape:connector-curvature="0" />
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
index 6129ac5..a7236f5 100644
--- 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
@@ -12,9 +12,9 @@
id="svg2"
version="1.1"
inkscape:version="0.91 r13725"
- width="126"
- height="18"
- viewBox="0 0 126 18"
+ width="112"
+ height="16"
+ viewBox="0 0 112 16"
sodipodi:docname="loop-toolbar-icons.svg">
@@ -42,7 +42,7 @@
inkscape:window-width="640"
inkscape:window-height="480"
id="namedview4"
- showgrid="false"
+ showgrid="true"
showguides="true"
inkscape:guide-bbox="true"
inkscape:snap-bbox="true"
@@ -53,35 +53,35 @@
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:zoom="5.6568542"
+ inkscape:cx="39.367597"
+ inkscape:cy="20.813857"
inkscape:current-layer="layer2">
@@ -89,39 +89,41 @@
inkscape:groupmode="layer"
id="layer2"
inkscape:label="Layer 2"
- style="display:inline">
+ style="display:inline"
+ transform="translate(0,-2)">
+ d="m 40,4.00025 a 7,6 0 0 0 -7,6 7,6 0 0 0 1.939453,4.140625 L 33.5,17.469 41.189453,15.912359 a 7,6 0 0 0 0.04102,-0.0078 A 7,6 0 0 0 47,10.00025 a 7,6 0 0 0 -7,-6 z m -1,2 2,0 -0.300781,5 -1.398438,0 -0.300781,-5 z m 1,6 c 0.554,0 1,0.446 1,1 0,0.554 -0.446,1 -1,1 -0.554,0 -1,-0.446 -1,-1 0,-0.554 0.446,-1 1,-1 z"
+ id="path4171-4-7"
+ inkscape:connector-curvature="0" />
diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/pocket-tabbar-icons.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/pocket-tabbar-icons.svg
new file mode 100644
index 0000000..c4806d1
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/dark/pocket-tabbar-icons.svg
@@ -0,0 +1,74 @@
+
+
+
+
diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/pocket-toolbar-icons.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/pocket-toolbar-icons.svg
new file mode 100644
index 0000000..9a5cefc
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/dark/pocket-toolbar-icons.svg
@@ -0,0 +1,74 @@
+
+
+
+
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
index feecb60..19eecdb 100644
--- 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
@@ -12,9 +12,9 @@
id="svg2"
version="1.1"
inkscape:version="0.91 r13725"
- width="126"
- height="18"
- viewBox="0 0 126 18"
+ width="112"
+ height="16"
+ viewBox="0 0 112 16"
sodipodi:docname="loop-tabbar-icons.svg">
@@ -42,7 +42,7 @@
inkscape:window-width="640"
inkscape:window-height="480"
id="namedview4"
- showgrid="false"
+ showgrid="true"
showguides="true"
inkscape:guide-bbox="true"
inkscape:snap-bbox="true"
@@ -53,35 +53,35 @@
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:zoom="5.6568542"
+ inkscape:cx="7.5477916"
+ inkscape:cy="20.460304"
inkscape:current-layer="layer2">
@@ -89,39 +89,41 @@
inkscape:groupmode="layer"
id="layer2"
inkscape:label="Layer 2"
- style="display:inline">
+ style="display:inline"
+ transform="translate(0,-2)">
+ d="m 40,4.00025 a 7,6 0 0 0 -7,6 7,6 0 0 0 1.939453,4.140625 L 33.5,17.469 41.189453,15.912359 a 7,6 0 0 0 0.04102,-0.0078 A 7,6 0 0 0 47,10.00025 a 7,6 0 0 0 -7,-6 z m -1,2 2,0 -0.300781,5 -1.398438,0 -0.300781,-5 z m 1,6 c 0.554,0 1,0.446 1,1 0,0.554 -0.446,1 -1,1 -0.554,0 -1,-0.446 -1,-1 0,-0.554 0.446,-1 1,-1 z"
+ id="path4171-4-7"
+ inkscape:connector-curvature="0" />
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
index 9182cd2..658e505 100644
--- 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
@@ -12,9 +12,9 @@
id="svg2"
version="1.1"
inkscape:version="0.91 r13725"
- width="126"
- height="18"
- viewBox="0 0 126 18"
+ width="112"
+ height="16"
+ viewBox="0 0 112 16"
sodipodi:docname="loop-toolbar-icons.svg">
@@ -42,7 +42,7 @@
inkscape:window-width="640"
inkscape:window-height="480"
id="namedview4"
- showgrid="false"
+ showgrid="true"
showguides="true"
inkscape:guide-bbox="true"
inkscape:snap-bbox="true"
@@ -53,35 +53,35 @@
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:zoom="5.6568542"
+ inkscape:cx="7.5477916"
+ inkscape:cy="20.460304"
inkscape:current-layer="layer2">
@@ -89,39 +89,41 @@
inkscape:groupmode="layer"
id="layer2"
inkscape:label="Layer 2"
- style="display:inline">
+ style="display:inline"
+ transform="translate(0,-2)">
+ d="m 40,4.00025 a 7,6 0 0 0 -7,6 7,6 0 0 0 1.939453,4.140625 L 33.5,17.469 41.189453,15.912359 a 7,6 0 0 0 0.04102,-0.0078 A 7,6 0 0 0 47,10.00025 a 7,6 0 0 0 -7,-6 z m -1,2 2,0 -0.300781,5 -1.398438,0 -0.300781,-5 z m 1,6 c 0.554,0 1,0.446 1,1 0,0.554 -0.446,1 -1,1 -0.554,0 -1,-0.446 -1,-1 0,-0.554 0.446,-1 1,-1 z"
+ id="path4171-4-7"
+ inkscape:connector-curvature="0" />
diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/pocket-tabbar-icons.svg b/arc-firefox-theme/chrome/browser/custom_images/light/pocket-tabbar-icons.svg
new file mode 100644
index 0000000..87b95c9
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/light/pocket-tabbar-icons.svg
@@ -0,0 +1,74 @@
+
+
+
+
diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/pocket-toolbar-icons.svg b/arc-firefox-theme/chrome/browser/custom_images/light/pocket-toolbar-icons.svg
new file mode 100644
index 0000000..1b8cf15
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/light/pocket-toolbar-icons.svg
@@ -0,0 +1,74 @@
+
+
+
+
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
index 207c4c0..0c61297 100644
--- 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
@@ -12,9 +12,9 @@
id="svg2"
version="1.1"
inkscape:version="0.91 r13725"
- width="126"
- height="18"
- viewBox="0 0 126 18"
+ width="112"
+ height="16"
+ viewBox="0 0 112 16"
sodipodi:docname="loop-toolbar-icons-active.svg">
@@ -42,7 +42,7 @@
inkscape:window-width="640"
inkscape:window-height="480"
id="namedview4"
- showgrid="false"
+ showgrid="true"
showguides="true"
inkscape:guide-bbox="true"
inkscape:snap-bbox="true"
@@ -53,35 +53,41 @@
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:zoom="8"
+ inkscape:cx="89.295599"
+ inkscape:cy="-6.9992702"
+ inkscape:current-layer="layer2"
+ fit-margin-top="0"
+ fit-margin-left="0"
+ fit-margin-right="0"
+ fit-margin-bottom="0">
+ id="grid4138"
+ originx="-1.7319479e-14"
+ originy="0" />
@@ -89,39 +95,41 @@
inkscape:groupmode="layer"
id="layer2"
inkscape:label="Layer 2"
- style="display:inline">
+ style="display:inline"
+ transform="translate(0,-2)">
+ d="m 40,4.00025 a 7,6 0 0 0 -7,6 7,6 0 0 0 1.939453,4.140625 L 33.5,17.469 41.189453,15.912359 a 7,6 0 0 0 0.04102,-0.0078 A 7,6 0 0 0 47,10.00025 a 7,6 0 0 0 -7,-6 z m -1,2 2,0 -0.300781,5 -1.398438,0 -0.300781,-5 z m 1,6 c 0.554,0 1,0.446 1,1 0,0.554 -0.446,1 -1,1 -0.554,0 -1,-0.446 -1,-1 0,-0.554 0.446,-1 1,-1 z"
+ id="path4171-4-7"
+ inkscape:connector-curvature="0" />
diff --git a/arc-firefox-theme/chrome/browser/custom_images/pocket-toolbar-icons-active.svg b/arc-firefox-theme/chrome/browser/custom_images/pocket-toolbar-icons-active.svg
new file mode 100644
index 0000000..b1152ca
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/pocket-toolbar-icons-active.svg
@@ -0,0 +1,74 @@
+
+
+
+
diff --git a/arc-firefox-theme/chrome/browser/sass/browser-dark.css b/arc-firefox-theme/chrome/browser/sass/browser-dark.css
index 1e161fa..af404be 100644
--- a/arc-firefox-theme/chrome/browser/sass/browser-dark.css
+++ b/arc-firefox-theme/chrome/browser/sass/browser-dark.css
@@ -4588,3 +4588,25 @@ notification.heartbeat {
#userContext-icons[usercontextid="4"] > #userContext-indicator {
list-style-image: url("chrome://browser/skin/usercontext/shopping.svg"); }
+
+#nav-bar #loop-button, #nav-bar
+toolbar[brighttext] #loop-button {
+ list-style-image: url("chrome://browser/skin/custom_images/dark/loop-toolbar-icons.svg") !important; }
+#TabsToolbar #loop-button, #TabsToolbar
+toolbar[brighttext] #loop-button {
+ list-style-image: url("chrome://browser/skin/custom_images/dark/loop-tabbar-icons.svg") !important; }
+#nav-bar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar
+toolbar[brighttext] #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar
+toolbar[brighttext] #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; }
+
+#nav-bar #pocket-button, #nav-bar
+toolbar[brighttext] #pocket-button {
+ list-style-image: url("chrome://browser/skin/custom_images/dark/pocket-toolbar-icons.svg") !important; }
+#TabsToolbar #pocket-button, #TabsToolbar
+toolbar[brighttext] #pocket-button {
+ list-style-image: url("chrome://browser/skin/custom_images/dark/pocket-tabbar-icons.svg") !important; }
+#nav-bar #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar
+toolbar[brighttext] #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar
+toolbar[brighttext] #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) {
+ list-style-image: url("chrome://browser/skin/custom_images/pocket-toolbar-icons-active.svg") !important; }
diff --git a/arc-firefox-theme/chrome/browser/sass/browser-dark.scss b/arc-firefox-theme/chrome/browser/sass/browser-dark.scss
index 3c8fe99..cd34869 100644
--- a/arc-firefox-theme/chrome/browser/sass/browser-dark.scss
+++ b/arc-firefox-theme/chrome/browser/sass/browser-dark.scss
@@ -5,3 +5,5 @@ $darker: 'false';
@import "_colors";
@import "_drawing";
@import "_browser-sass";
+@import "extensions/_loop.scss";
+@import "extensions/_pocket.scss";
diff --git a/arc-firefox-theme/chrome/browser/sass/browser-darker.css b/arc-firefox-theme/chrome/browser/sass/browser-darker.css
index 9ed1070..2617066 100644
--- a/arc-firefox-theme/chrome/browser/sass/browser-darker.css
+++ b/arc-firefox-theme/chrome/browser/sass/browser-darker.css
@@ -4588,3 +4588,25 @@ notification.heartbeat {
#userContext-icons[usercontextid="4"] > #userContext-indicator {
list-style-image: url("chrome://browser/skin/usercontext/shopping.svg"); }
+
+#nav-bar #loop-button, #nav-bar
+toolbar[brighttext] #loop-button {
+ list-style-image: url("chrome://browser/skin/custom_images/light/loop-toolbar-icons.svg") !important; }
+#TabsToolbar #loop-button, #TabsToolbar
+toolbar[brighttext] #loop-button {
+ list-style-image: url("chrome://browser/skin/custom_images/dark/loop-tabbar-icons.svg") !important; }
+#nav-bar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar
+toolbar[brighttext] #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar
+toolbar[brighttext] #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; }
+
+#nav-bar #pocket-button, #nav-bar
+toolbar[brighttext] #pocket-button {
+ list-style-image: url("chrome://browser/skin/custom_images/light/pocket-toolbar-icons.svg") !important; }
+#TabsToolbar #pocket-button, #TabsToolbar
+toolbar[brighttext] #pocket-button {
+ list-style-image: url("chrome://browser/skin/custom_images/dark/pocket-tabbar-icons.svg") !important; }
+#nav-bar #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar
+toolbar[brighttext] #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar
+toolbar[brighttext] #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) {
+ list-style-image: url("chrome://browser/skin/custom_images/pocket-toolbar-icons-active.svg") !important; }
diff --git a/arc-firefox-theme/chrome/browser/sass/browser-darker.scss b/arc-firefox-theme/chrome/browser/sass/browser-darker.scss
index 1a5a601..ba6de7d 100644
--- a/arc-firefox-theme/chrome/browser/sass/browser-darker.scss
+++ b/arc-firefox-theme/chrome/browser/sass/browser-darker.scss
@@ -5,3 +5,5 @@ $darker: 'true';
@import "_colors";
@import "_drawing";
@import "_browser-sass";
+@import "extensions/_loop.scss";
+@import "extensions/_pocket.scss";
diff --git a/arc-firefox-theme/chrome/browser/sass/browser-light.css b/arc-firefox-theme/chrome/browser/sass/browser-light.css
index acdd8f6..905c57f 100644
--- a/arc-firefox-theme/chrome/browser/sass/browser-light.css
+++ b/arc-firefox-theme/chrome/browser/sass/browser-light.css
@@ -4588,3 +4588,25 @@ notification.heartbeat {
#userContext-icons[usercontextid="4"] > #userContext-indicator {
list-style-image: url("chrome://browser/skin/usercontext/shopping.svg"); }
+
+#nav-bar #loop-button, #nav-bar
+toolbar[brighttext] #loop-button {
+ list-style-image: url("chrome://browser/skin/custom_images/light/loop-toolbar-icons.svg") !important; }
+#TabsToolbar #loop-button, #TabsToolbar
+toolbar[brighttext] #loop-button {
+ list-style-image: url("chrome://browser/skin/custom_images/light/loop-tabbar-icons.svg") !important; }
+#nav-bar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar
+toolbar[brighttext] #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar
+toolbar[brighttext] #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; }
+
+#nav-bar #pocket-button, #nav-bar
+toolbar[brighttext] #pocket-button {
+ list-style-image: url("chrome://browser/skin/custom_images/light/pocket-toolbar-icons.svg") !important; }
+#TabsToolbar #pocket-button, #TabsToolbar
+toolbar[brighttext] #pocket-button {
+ list-style-image: url("chrome://browser/skin/custom_images/light/pocket-tabbar-icons.svg") !important; }
+#nav-bar #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar
+toolbar[brighttext] #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar
+toolbar[brighttext] #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) {
+ list-style-image: url("chrome://browser/skin/custom_images/pocket-toolbar-icons-active.svg") !important; }
diff --git a/arc-firefox-theme/chrome/browser/sass/browser-light.scss b/arc-firefox-theme/chrome/browser/sass/browser-light.scss
index 8b87ca0..fefa4f5 100644
--- a/arc-firefox-theme/chrome/browser/sass/browser-light.scss
+++ b/arc-firefox-theme/chrome/browser/sass/browser-light.scss
@@ -5,3 +5,5 @@ $darker: 'false';
@import "_colors";
@import "_drawing";
@import "_browser-sass";
+@import "extensions/_loop.scss";
+@import "extensions/_pocket.scss";
diff --git a/arc-firefox-theme/chrome/browser/sass/extensions/_loop.scss b/arc-firefox-theme/chrome/browser/sass/extensions/_loop.scss
new file mode 100644
index 0000000..f6ca44a
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/sass/extensions/_loop.scss
@@ -0,0 +1,11 @@
+#loop-button,
+toolbar[brighttext] #loop-button {
+ #nav-bar & { list-style-image: url("chrome://browser/skin/custom_images/#{$asset_path}/loop-toolbar-icons.svg") !important; }
+
+ #TabsToolbar & { list-style-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/loop-tabbar-icons.svg") !important; }
+
+ #nav-bar &:not([disabled=true]):-moz-any([open],[checked],:hover:active),
+ #TabsToolbar &:not([disabled=true]):-moz-any([open],[checked],:hover:active) {
+ list-style-image: url("chrome://browser/skin/custom_images/loop-toolbar-icons-active.svg") !important;
+ }
+}
diff --git a/arc-firefox-theme/chrome/browser/sass/extensions/_pocket.scss b/arc-firefox-theme/chrome/browser/sass/extensions/_pocket.scss
new file mode 100644
index 0000000..e50bd7a
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/sass/extensions/_pocket.scss
@@ -0,0 +1,11 @@
+#pocket-button,
+toolbar[brighttext] #pocket-button {
+ #nav-bar & { list-style-image: url("chrome://browser/skin/custom_images/#{$asset_path}/pocket-toolbar-icons.svg") !important; }
+
+ #TabsToolbar & { list-style-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/pocket-tabbar-icons.svg") !important; }
+
+ #nav-bar &:not([disabled=true]):-moz-any([open],[checked],:hover:active),
+ #TabsToolbar &:not([disabled=true]):-moz-any([open],[checked],:hover:active) {
+ list-style-image: url("chrome://browser/skin/custom_images/pocket-toolbar-icons-active.svg") !important;
+ }
+}
--
cgit v1.2.3