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 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + 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 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + 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 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + 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 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + 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 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + 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