diff options
Diffstat (limited to 'arc-firefox-theme/chrome/browser/sass')
4 files changed, 28 insertions, 12 deletions
diff --git a/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss b/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss index 4d2fecb..3233be1 100644 --- a/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss +++ b/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss @@ -1078,14 +1078,21 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger { } #loop-button { - list-style-image: url(chrome://browser/skin/loop/toolbar.png); + list-style-image: url("chrome://browser/skin/custom_images/#{$asset_path}/loop-toolbar-icons.svg"); -moz-image-region: rect(0, 18px, 18px, 0); + + #TabsToolbar & { list-style-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/loop-tabbar-icons.svg"); } } -toolbar[brighttext] #loop-button { - list-style-image: url(chrome://browser/skin/loop/toolbar-inverted.png); +#loop-button:not([disabled=true]):-moz-any([open],[checked],:hover:active), +#TabsToolbar #loop-button:not([disabled=true]):-moz-any([open],[checked],:hover:active) { + list-style-image: url("chrome://browser/skin/custom_images/loop-toolbar-icons-active.svg") !important; } +//toolbar[brighttext] #loop-button { +// list-style-image: url(chrome://browser/skin/loop/toolbar-inverted.png); +//} + #loop-button[state="disabled"], #loop-button[disabled="true"] { -moz-image-region: rect(0, 36px, 18px, 18px); diff --git a/arc-firefox-theme/chrome/browser/sass/browser-dark.css b/arc-firefox-theme/chrome/browser/sass/browser-dark.css index 93f1d7a..756cd34 100644 --- a/arc-firefox-theme/chrome/browser/sass/browser-dark.css +++ b/arc-firefox-theme/chrome/browser/sass/browser-dark.css @@ -789,11 +789,14 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger { -moz-image-region: rect(0, 720px, 18px, 702px); } #loop-button { - list-style-image: url(chrome://browser/skin/loop/toolbar.png); + list-style-image: url("chrome://browser/skin/custom_images/dark/loop-toolbar-icons.svg"); -moz-image-region: rect(0, 18px, 18px, 0); } + #TabsToolbar #loop-button { + list-style-image: url("chrome://browser/skin/custom_images/dark/loop-tabbar-icons.svg"); } -toolbar[brighttext] #loop-button { - list-style-image: url(chrome://browser/skin/loop/toolbar-inverted.png); } +#loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), +#TabsToolbar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) { + list-style-image: url("chrome://browser/skin/custom_images/loop-toolbar-icons-active.svg") !important; } #loop-button[state="disabled"], #loop-button[disabled="true"] { diff --git a/arc-firefox-theme/chrome/browser/sass/browser-darker.css b/arc-firefox-theme/chrome/browser/sass/browser-darker.css index cb09ca3..e05de86 100644 --- a/arc-firefox-theme/chrome/browser/sass/browser-darker.css +++ b/arc-firefox-theme/chrome/browser/sass/browser-darker.css @@ -789,11 +789,14 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger { -moz-image-region: rect(0, 720px, 18px, 702px); } #loop-button { - list-style-image: url(chrome://browser/skin/loop/toolbar.png); + list-style-image: url("chrome://browser/skin/custom_images/light/loop-toolbar-icons.svg"); -moz-image-region: rect(0, 18px, 18px, 0); } + #TabsToolbar #loop-button { + list-style-image: url("chrome://browser/skin/custom_images/dark/loop-tabbar-icons.svg"); } -toolbar[brighttext] #loop-button { - list-style-image: url(chrome://browser/skin/loop/toolbar-inverted.png); } +#loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), +#TabsToolbar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) { + list-style-image: url("chrome://browser/skin/custom_images/loop-toolbar-icons-active.svg") !important; } #loop-button[state="disabled"], #loop-button[disabled="true"] { diff --git a/arc-firefox-theme/chrome/browser/sass/browser-light.css b/arc-firefox-theme/chrome/browser/sass/browser-light.css index 1e9114c..95b4df1 100644 --- a/arc-firefox-theme/chrome/browser/sass/browser-light.css +++ b/arc-firefox-theme/chrome/browser/sass/browser-light.css @@ -789,11 +789,14 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger { -moz-image-region: rect(0, 720px, 18px, 702px); } #loop-button { - list-style-image: url(chrome://browser/skin/loop/toolbar.png); + list-style-image: url("chrome://browser/skin/custom_images/light/loop-toolbar-icons.svg"); -moz-image-region: rect(0, 18px, 18px, 0); } + #TabsToolbar #loop-button { + list-style-image: url("chrome://browser/skin/custom_images/light/loop-tabbar-icons.svg"); } -toolbar[brighttext] #loop-button { - list-style-image: url(chrome://browser/skin/loop/toolbar-inverted.png); } +#loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), +#TabsToolbar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) { + list-style-image: url("chrome://browser/skin/custom_images/loop-toolbar-icons-active.svg") !important; } #loop-button[state="disabled"], #loop-button[disabled="true"] { |