From 1b65385ef744d692cac6ed706b0ac7532b2fbb49 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Thu, 15 Oct 2015 13:01:55 +0200 Subject: fix loading spinner --- .../chrome/browser/tabbrowser/loading.png | Bin 13906 -> 12184 bytes 1 file changed, 0 insertions(+), 0 deletions(-) diff --git a/arc-firefox-theme/chrome/browser/tabbrowser/loading.png b/arc-firefox-theme/chrome/browser/tabbrowser/loading.png index a2f9b79..55f25e5 100644 Binary files a/arc-firefox-theme/chrome/browser/tabbrowser/loading.png and b/arc-firefox-theme/chrome/browser/tabbrowser/loading.png differ -- cgit v1.2.3 From ee28e2c65723b84a8a7f1469e011b4afef690f82 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Wed, 21 Oct 2015 21:26:58 +0200 Subject: update README.md --- README.md | 18 +++++++++++++++--- 1 file changed, 15 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index 5a8b267..2accf7a 100644 --- a/README.md +++ b/README.md @@ -16,7 +16,7 @@ Offical [Arc](https://github.com/horst3180/Arc-theme) Firefox theme. ### Requirements -This theme is compatible with Firefox 40+. +This theme is compatible with Firefox 40+ and Firefox 38 ESR **Note**: This theme is meant to be used in conjunction with the [Arc GTK theme](https://github.com/horst3180/Arc-theme), don't use it with other GTK themes or it will look broken. @@ -32,12 +32,16 @@ These instructions are for testers and package maintainers. They also allow to i You will need `autoconf` and `automake` for the following. -Generate the .xpi files +Clone the repository + + git clone https://github.com/horst3180/arc-firefox-theme && cd arc-firefox-theme + +Generate the .xpi files (drag and drop these into your Firefox window) ./autogen.sh --prefix=/usr make mkxpi -The theme can be installed globally with +Alternatively the theme can be installed globally without using the .xpi files ./autogen.sh --prefix=/usr sudo make install @@ -51,3 +55,11 @@ Other build options to append to `autogen.sh` are Uninstall the theme with sudo make uninstall + +#### Firefox 38 ESR (Debian Stable users see here) +There is a separate Firefox 38 ESR compatible branch. The installation process is mostly identical to the manual installation above + + git clone https://github.com/horst3180/arc-firefox-theme && cd arc-firefox-theme + git checkout firefox-38-esr + ./autogen.sh --prefix=/usr + make mkxpi -- cgit v1.2.3 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 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 From 029abff5c6ce7b21fc9317b46c865998076a58a6 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Fri, 30 Oct 2015 22:39:42 +0100 Subject: fix missing icons --- arc-firefox-theme/chrome.manifest | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) diff --git a/arc-firefox-theme/chrome.manifest b/arc-firefox-theme/chrome.manifest index 4bb97cb..9ff6fa0 100644 --- a/arc-firefox-theme/chrome.manifest +++ b/arc-firefox-theme/chrome.manifest @@ -2,3 +2,19 @@ skin browser arc-theme chrome/browser/ skin communicator arc-theme chrome/communicator/ skin global arc-theme chrome/global/ skin mozapps arc-theme chrome/mozapps/ + +override chrome://browser/skin/feeds/audioFeedIcon.png chrome://browser/skin/feeds/feedIcon.png +override chrome://browser/skin/feeds/audioFeedIcon16.png chrome://browser/skin/feeds/feedIcon16.png +override chrome://browser/skin/feeds/videoFeedIcon.png chrome://browser/skin/feeds/feedIcon.png +override chrome://browser/skin/feeds/videoFeedIcon16.png chrome://browser/skin/feeds/feedIcon16.png +override chrome://global/skin/arrow/arrow-lft-hov.gif chrome://global/skin/arrow/arrow-lft.gif +override chrome://global/skin/arrow/arrow-rit-hov.gif chrome://global/skin/arrow/arrow-rit.gif +override chrome://mozapps/skin/extensions/category-dictionaries.png chrome://mozapps/skin/extensions/dictionaryGeneric.png +override chrome://mozapps/skin/extensions/category-experiments.png chrome://mozapps/skin/extensions/experimentGeneric.png +override chrome://mozapps/skin/extensions/category-extensions.png chrome://mozapps/skin/extensions/extensionGeneric.png +override chrome://mozapps/skin/extensions/category-languages.png chrome://mozapps/skin/extensions/localeGeneric.png +override chrome://mozapps/skin/extensions/category-themes.png chrome://mozapps/skin/extensions/themeGeneric.png +override chrome://mozapps/skin/passwordmgr/key.png chrome://mozapps/skin/passwordmgr/key-16.png +override chrome://mozapps/skin/plugins/notifyPluginCrashed.png chrome://mozapps/skin/plugins/pluginGeneric-16.png +override chrome://mozapps/skin/plugins/notifyPluginGeneric.png chrome://mozapps/skin/plugins/pluginGeneric-16.png +override chrome://mozapps/skin/xpinstall/xpinstallItemGeneric.png chrome://mozapps/skin/extensions/extensionGeneric.png -- cgit v1.2.3