From 03a32b9c3d12538d7dd20250db086a5512520254 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 5aed89b..74f5abd 100644 --- a/arc-firefox-theme/chrome/browser/browser.css +++ b/arc-firefox-theme/chrome/browser/browser.css @@ -786,11 +786,14 @@ toolbar[brighttext] #sync-button[status="active"] { -moz-image-region: rect(0, 720px, 18px, 702px); } #loop-button > .toolbarbutton-badge-container { - 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 > .toolbarbutton-badge-container { + list-style-image: url("chrome://browser/skin/custom_images/light/loop-tabbar-icons.svg"); } -toolbar[brighttext] #loop-button > .toolbarbutton-badge-container { - list-style-image: url(chrome://browser/skin/loop/toolbar-inverted.png); } +#loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-badge-container, +#TabsToolbar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-badge-container { + list-style-image: url("chrome://browser/skin/custom_images/loop-toolbar-icons-active.svg"); } #loop-button[state="disabled"] > .toolbarbutton-badge-container, #loop-button[disabled="true"] > .toolbarbutton-badge-container { 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 c0eac2f..8aac321 100644 --- a/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss +++ b/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss @@ -1060,14 +1060,21 @@ toolbar[brighttext] #sync-button[status="active"] { } #loop-button > .toolbarbutton-badge-container { - 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 > .toolbarbutton-badge-container { - list-style-image: url(chrome://browser/skin/loop/toolbar-inverted.png); +#loop-button:not([disabled=true]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-badge-container, +#TabsToolbar #loop-button:not([disabled=true]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-badge-container { + list-style-image: url("chrome://browser/skin/custom_images/loop-toolbar-icons-active.svg"); } +//toolbar[brighttext] #loop-button > .toolbarbutton-badge-container { +// list-style-image: url(chrome://browser/skin/loop/toolbar-inverted.png); +//} + #loop-button[state="disabled"] > .toolbarbutton-badge-container, #loop-button[disabled="true"] > .toolbarbutton-badge-container { -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 e897904..81db042 100644 --- a/arc-firefox-theme/chrome/browser/sass/browser-dark.css +++ b/arc-firefox-theme/chrome/browser/sass/browser-dark.css @@ -786,11 +786,14 @@ toolbar[brighttext] #sync-button[status="active"] { -moz-image-region: rect(0, 720px, 18px, 702px); } #loop-button > .toolbarbutton-badge-container { - 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 > .toolbarbutton-badge-container { + list-style-image: url("chrome://browser/skin/custom_images/dark/loop-tabbar-icons.svg"); } -toolbar[brighttext] #loop-button > .toolbarbutton-badge-container { - list-style-image: url(chrome://browser/skin/loop/toolbar-inverted.png); } +#loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-badge-container, +#TabsToolbar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-badge-container { + list-style-image: url("chrome://browser/skin/custom_images/loop-toolbar-icons-active.svg"); } #loop-button[state="disabled"] > .toolbarbutton-badge-container, #loop-button[disabled="true"] > .toolbarbutton-badge-container { diff --git a/arc-firefox-theme/chrome/browser/sass/browser-darker.css b/arc-firefox-theme/chrome/browser/sass/browser-darker.css index 4a6899e..2cc34ff 100644 --- a/arc-firefox-theme/chrome/browser/sass/browser-darker.css +++ b/arc-firefox-theme/chrome/browser/sass/browser-darker.css @@ -786,11 +786,14 @@ toolbar[brighttext] #sync-button[status="active"] { -moz-image-region: rect(0, 720px, 18px, 702px); } #loop-button > .toolbarbutton-badge-container { - 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 > .toolbarbutton-badge-container { + list-style-image: url("chrome://browser/skin/custom_images/dark/loop-tabbar-icons.svg"); } -toolbar[brighttext] #loop-button > .toolbarbutton-badge-container { - list-style-image: url(chrome://browser/skin/loop/toolbar-inverted.png); } +#loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-badge-container, +#TabsToolbar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-badge-container { + list-style-image: url("chrome://browser/skin/custom_images/loop-toolbar-icons-active.svg"); } #loop-button[state="disabled"] > .toolbarbutton-badge-container, #loop-button[disabled="true"] > .toolbarbutton-badge-container { diff --git a/arc-firefox-theme/chrome/browser/sass/browser-light.css b/arc-firefox-theme/chrome/browser/sass/browser-light.css index 5aed89b..74f5abd 100644 --- a/arc-firefox-theme/chrome/browser/sass/browser-light.css +++ b/arc-firefox-theme/chrome/browser/sass/browser-light.css @@ -786,11 +786,14 @@ toolbar[brighttext] #sync-button[status="active"] { -moz-image-region: rect(0, 720px, 18px, 702px); } #loop-button > .toolbarbutton-badge-container { - 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 > .toolbarbutton-badge-container { + list-style-image: url("chrome://browser/skin/custom_images/light/loop-tabbar-icons.svg"); } -toolbar[brighttext] #loop-button > .toolbarbutton-badge-container { - list-style-image: url(chrome://browser/skin/loop/toolbar-inverted.png); } +#loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-badge-container, +#TabsToolbar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-badge-container { + list-style-image: url("chrome://browser/skin/custom_images/loop-toolbar-icons-active.svg"); } #loop-button[state="disabled"] > .toolbarbutton-badge-container, #loop-button[disabled="true"] > .toolbarbutton-badge-container { -- cgit v1.2.3