From 29a95ce63c9f9ce75c76f45a7d279611101e8d10 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Thu, 22 Oct 2015 14:38:18 +0200 Subject: fix firefox hello icon --- arc-firefox-theme/chrome/browser/browser.css | 9 +- .../custom_images/dark/loop-tabbar-icons.svg | 128 +++++++++++++++++++++ .../custom_images/dark/loop-toolbar-icons.svg | 128 +++++++++++++++++++++ .../custom_images/light/loop-tabbar-icons.svg | 128 +++++++++++++++++++++ .../custom_images/light/loop-toolbar-icons.svg | 128 +++++++++++++++++++++ .../custom_images/loop-toolbar-icons-active.svg | 128 +++++++++++++++++++++ .../chrome/browser/sass/_browser-sass.scss | 13 ++- .../chrome/browser/sass/browser-dark.css | 9 +- .../chrome/browser/sass/browser-darker.css | 9 +- .../chrome/browser/sass/browser-light.css | 9 +- 10 files changed, 674 insertions(+), 15 deletions(-) create mode 100644 arc-firefox-theme/chrome/browser/custom_images/dark/loop-tabbar-icons.svg create mode 100644 arc-firefox-theme/chrome/browser/custom_images/dark/loop-toolbar-icons.svg create mode 100644 arc-firefox-theme/chrome/browser/custom_images/light/loop-tabbar-icons.svg create mode 100644 arc-firefox-theme/chrome/browser/custom_images/light/loop-toolbar-icons.svg create mode 100644 arc-firefox-theme/chrome/browser/custom_images/loop-toolbar-icons-active.svg (limited to 'arc-firefox-theme') diff --git a/arc-firefox-theme/chrome/browser/browser.css b/arc-firefox-theme/chrome/browser/browser.css index 1e9114c..95b4df1 100644 --- a/arc-firefox-theme/chrome/browser/browser.css +++ b/arc-firefox-theme/chrome/browser/browser.css @@ -789,11 +789,14 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger { -moz-image-region: rect(0, 720px, 18px, 702px); } #loop-button { - list-style-image: url(chrome://browser/skin/loop/toolbar.png); + list-style-image: url("chrome://browser/skin/custom_images/light/loop-toolbar-icons.svg"); -moz-image-region: rect(0, 18px, 18px, 0); } + #TabsToolbar #loop-button { + list-style-image: url("chrome://browser/skin/custom_images/light/loop-tabbar-icons.svg"); } -toolbar[brighttext] #loop-button { - list-style-image: url(chrome://browser/skin/loop/toolbar-inverted.png); } +#loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), +#TabsToolbar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) { + list-style-image: url("chrome://browser/skin/custom_images/loop-toolbar-icons-active.svg") !important; } #loop-button[state="disabled"], #loop-button[disabled="true"] { diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/loop-tabbar-icons.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/loop-tabbar-icons.svg new file mode 100644 index 0000000..d4445a3 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/dark/loop-tabbar-icons.svg @@ -0,0 +1,128 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/loop-toolbar-icons.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/loop-toolbar-icons.svg new file mode 100644 index 0000000..6129ac5 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/dark/loop-toolbar-icons.svg @@ -0,0 +1,128 @@ + + + + + + + + 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 new file mode 100644 index 0000000..feecb60 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/light/loop-tabbar-icons.svg @@ -0,0 +1,128 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/loop-toolbar-icons.svg b/arc-firefox-theme/chrome/browser/custom_images/light/loop-toolbar-icons.svg new file mode 100644 index 0000000..9182cd2 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/light/loop-toolbar-icons.svg @@ -0,0 +1,128 @@ + + + + + + + + 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 new file mode 100644 index 0000000..207c4c0 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/loop-toolbar-icons-active.svg @@ -0,0 +1,128 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + 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"] { -- cgit v1.2.3