search

Aris-t2 / CustomCSSforFx

Custom CSS tweaks for Firefox
GNU General Public License v3.0
1.82k stars 181 forks source link

General discussions, feedback, questions belong here (v2 -outdated- use v3) #41

Closed Aris-t2 closed 6 years ago

Aris-t2 commented 6 years ago

Continued from here https://github.com/Aris-t2/CustomCSSforFx/issues/3

Instead of opening new "issues" for general talk we can use this area for discussions, feedback and questions. Open new "issues" for real bugs and problems.

Trying to makes CSS code Firefox 57+ ready? Remove all @namespace references. They are the reason, if your code refuses to work.

Application/hamburger button in tabs toolbar? Look here: #46

Things this project will not target/recreate

Things not possible with CSS

ghost commented 6 years ago

https://github.com/Aris-t2/CustomCSSforFx/issues/4 - possible copy to form new issuse?

https://github.com/blog/2111-issue-and-pull-request-templates

DDTex commented 6 years ago

I have an issue with the separator bar for the Bookmarks menu drop-down from the classic menu bar. in FF on windows 7 they are almost invisible. Prior to 57I was able to remedy the problem using a mod to userchrome.css as follows:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); / Make separators in bookmarks easier to see / menuseparator { -moz-appearance:none !important; / nothing changes without this / background: green !important; height: 3px !important; padding: 1px !important; }

with the advent of 57, that solution no longer works. Can you provide an update to your Classic Theme restorer CSS for 57 that will restore the functionality (or provide feedback to me)?

TIA

Poonkraft commented 6 years ago

Hello Aris-t2, please consider adding this

#context_sendTabToDevice, #context_sendTabToDevice +menuseparator,

to send_to_device_menuitems_hidden.css file.

And a question (for anyone who may know): how can I make the new private window open with the home page (or at least a blank page) instead of the current purple abomination? Is there an about:config entry (couldn't find one)? Is it doable in userContent?

aolszowka commented 6 years ago

Should we consider creating a Wiki on this project? I am not confident enough to submit changes to mainline code but I would be happy to help with creating wiki pages that document/talk about features to act as an FAQ to avoid having to skim through threads and point users to.

@Aris-t2 would you accept pull requests for wiki pages?

*Edit: I started with a small sample here about what I'm talking about: https://github.com/aolszowka/CustomCSSforFx/wiki/pageaction_button_in_location_bar_hidden.css it would be slightly time consuming but that's why you use volunteers. I would at least document the tweaks I use for sure.

DDTex commented 6 years ago

I'm not sure if this is what you are looking for, but try oping a "new" tab.. look on the upper right corner and click the "gear".. you can uncheck options until the tab is clear of the garbage.

David Denby

David Denby

On 11/16/2017 10:11 AM, Poonkraft wrote:

Hello Aris-t2, please consider adding this

context_sendTabToDevice,#context_sendTabToDevice +menuseparator,

to send_to_device_menuitems_hidden.css file.

And a question (for anyone who may know): how can I make the new private window open with the home page (or at least a blank page) instead of the current purple abomination? Is there an about:config entry (couldn't find one)? Is it doable in userContent?

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/Aris-t2/CustomCSSforFx/issues/41#issuecomment-344972475, or mute the thread https://github.com/notifications/unsubscribe-auth/AgKYBQ1iwuPG7pnWfACltSKDigyG92Okks5s3F7IgaJpZM4QgI9o.

Poonkraft commented 6 years ago

@DDTex Hi David, I am looking for a way to clear the private window. After opening a New Private Window (Ctrl+Shift+P) this is what I get:

privwin

I want to either set my own home page instead, or at least get a blank screen.

Corben78 commented 6 years ago

Is it possible to enable the status or addon bar with css again?

I'm missing the bar at the bottom of firefox, where I can put the addon icons to, also as a close of the bottom of the browser window.

Aris-t2 commented 6 years ago

@userOperaFF The issue template sounds interesting.

@DDTex The code still works fine for me. Make sure you remove the @namespace line. It not only worthless, it is probably the reason for your issue.

Tested this in userChrome.css on Windows and it worked fine.

menuseparator {
  -moz-appearance:none !important;
  background: green !important;
  height: 3px !important;
  padding: 1px !important;
}

@Poonkraft Good idea to extend send_to_device_menuitems_hidden.css features.

about:privatebrowsing Try this in userContent.css

@-moz-document url(about:privatebrowsing){
  html {
   visibility: hidden !important;
    background: unset !important;
  }
}

@aolszowka Feel free to create a Wiki. I have nothing against it.

@Corben78 CSS can not create new toolbars.

Corben78 commented 6 years ago

Yeah, I'm aware that CSS can't create new elements. I was wondering if there still is a status/addon bar still available in Firefox, but just not visible due to default CSS. E.g. the search document bar is at the bottom, and only visible when pressing ctrl+f.

the-j0k3r commented 6 years ago

@aolszowka You cant do pull requests to wikis, @Aris-t2 also needs to enable wiki in settings first, but what you have done so far is for your fork only.

Feel free to create a Wiki. I have nothing against it.

@Aris-t2 you need to enable wiki in settings first otherwise @aolszowka cant do anything to your project here.

My question however.

What I meant to ask though, is it possible to customize scrollbars? see https://github.com/silverwind/overlay-scrollbars/issues/1 I was looking for this https://github.com/silverwind/overlay-scrollbars/blob/master/overlay-scrollbars.css type of customization level.

Aris-t2 commented 6 years ago

@Corben78 Its not there anymore, like in Fx29-56.

@the-j0k3r Scrollbars can not be changed in Firefox 57+. Otherwise I would have ported my "NewScrollbars" add-on already.

About the Wiki Wouldn't a Wiki not maintained by me cause a bunch of questions about why is this or that not in it? I mean, I like the idea users to create and maintain it, but I don't want to become the a support fallback for it.

the-j0k3r commented 6 years ago

Wouldn't a Wiki not maintained by me cause a bunch of questions about why is this or that not in it?

Wikis are open by default when enabled, but I suppose you can easily add a snippet to home page explaining that, that users are free to add information missing.

I like the idea users to create and maintain it, but I don't want to become the a support fallback for it.

Same as above right?

-- e.g.

This wiki is a community only driven resource, feel free to correct/improve existing/add new information you feel is appropriate. This wiki resource comes with no support or warranty.

-- You can even add a FDL licence https://www.gnu.org/licenses/fdl.html

Though this is entirely up to you, its your project and its your decision if you want to open it to people to contribute, collaborate etc, or not.

Re: scrollbars Its what I suspected, good info to go into a faq in a wiki for instance 😄

hendricha commented 6 years ago

Hey!

First of all, love what you guys are doing here, because I absolutely hate this flat trend.

Now... I do also have a feature request, which was not part of the original addons this project is base on, still... Could we get the iconic round/curved Australis tabs back of the previous FF versions?

ghost commented 6 years ago

Could we get the iconic round/curved Australis tabs back of the previous FF versions?

Possible but not in this project.

Maybe use:

⚠️ possible bugs with CustomCSSforFx ⚠️ (must comment classic_squared_tabs.css).

hendricha commented 6 years ago

@userOperaFF : Thanks, checked it out, I like it. It is a bit too flat for my taste, but at least I have the curves, now all I need is some time to edit the embeded svgs..

aolszowka commented 6 years ago

@the-j0k3r Ah really? I didn't realize you can't push Wiki pages; that's a huge Github limitation (and a real shame tbh).

JonnyThree commented 6 years ago

Hello, i'm here to ask for an help to make a simple tweak: reduce the height of the tabs on Firefox 57. I use the compact style, and up to Firefox 56 i was using this simple string: .tabbrowser-tabs {min-height: 23px !important;}

I have tryed this string: tab {max-height: 23px !important;}

Result: tabs are tighter but they have extra space between toolbar.

Someone know to tweak only the height of the tabs? I don't need nothing more. Very thanks if someone can help me.

Poonkraft commented 6 years ago

@JonnyThree This is what I use, you could give it a try and set your own values.

/* Reduce space above tabs in normal window */
#main-window[sizemode="normal"] #TabsToolbar {
  padding-top: 0 !important;
  margin-top: 2px !important;
}

/* reduce minimum tab height */
#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
  min-height: 24px !important;
}

#TabsToolbar #tabbrowser-tabs[overflow="true"] .tabbrowser-tab[pinned] {
  min-height: 23px !important;
  max-height: 23px !important;
}

/* size of + (new tab) button */
.tabs-newtab-button .toolbarbutton-icon{
  min-width: 0px !important;
  min-height: 0px !important;
  width: 20px !important;
  height: 20px !important;
  margin: 0px !important;
  margin-bottom: 0px !important;
  padding: 1px !important;
}

To reduce tab height you have to reduce the + button too.

JonnyThree commented 6 years ago

@Poonkraft Thanks so much! This works very well, but i see that on many tans opened, when the arrow scrool appear, the tabs height grow, and auto reduce when i close some tabs (and the arrow disappear)

Lun0s commented 6 years ago

I didn't notice there was a thread to ask questions over here, I'm so glad I found it. Allow me to ask, is it possible to change the size of the different icons in the UI through the userChrome.css file? Right now, I'm using a userChrome.css file that someone else created and that I liked quite a lot compared to the default appearance of Firefox 57. The problem is that even with the Compact Density Preset, the buttons feel bigger than they should be, or at least bigger than the older versions using ClassicThemeRestorer.

Here's a simple comparison, Firefox 57 with the CustomCSSforFx and the userChrome.css that I'm using above, and Waterfox v55 with CTR below. firefox_2017-11-17_21-03-31

Poonkraft commented 6 years ago

@JonnyThree I don't have that problem, but I use the code as an addition to the settings in this Custom CSS for Fx project. You may have to enable the 

@import url(./css/toolbars/tabs_toolbar_adjustments.css);

(or something else) line in the userChrome.css.

Edit: This part from that file may help you:

/* make sure toolbar buttons do not increase toolbar height */
#TabsToolbar > toolbarpaletteitem,
#TabsToolbar > toolbarbutton {
  min-height: unset !important;
  padding: unset !important;
  margin: unset !important;
}
#TabsToolbar > toolbarpaletteitem  .toolbarbutton-icon,
#TabsToolbar > toolbarbutton  .toolbarbutton-icon{
  min-width: unset !important;
  width: 24px !important;
}
the-j0k3r commented 6 years ago

@aolszowka

If a wiki exists you can clone and push to it, but theres no such thing as pull requests for wikis.

Edit this page however describes the problem and suggests a workaround http://www.growingwiththeweb.com/2016/07/enabling-pull-requests-on-github-wikis.html

IMO you can work on your wiki and if this project decides to host a wiki you can the clone it and copy your files manually from your wiki git directories to the project wiki on your local, commit and push changes to the main wiki. With enough care and attention the limitations are few, but still flexible enough despite the caveats.

JonnyThree commented 6 years ago

@Poonkraft i very appreciate your help, i will try to investigate this "arrowscrollbox" behaviour.

edit: ultimate fix. needs also to set the "max-heigth":

tabbrowser-tabs,

tabbrowser-tabs > .tabbrowser-arrowscrollbox,

.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] { min-height: 24px !important; max-height: 24px !important; }

edit 2: sadly i discovered that adding "max-height" as above, when i drag left/right any tab, the tab bar completely mess up

Random-github-name commented 6 years ago

Just popping in to say thanks for the toolbar text mode modifications. Works superbly now. Amazingly done! :)

Poonkraft commented 6 years ago

@JonnyThree I tested my original code (here) by itself (that was the only thing in userChrome.css), and it works perfectly for me. I can open lots of tabs, move them left and right, move them to new window, rearrange, etc. Win 7, Ff57 + Light Theme + Compact.

Aris-t2 commented 6 years ago

@the-j0k3r @aolszowka I think about the Wiki.

@Lun0s Yes, it is possible to reduce icon size, but some of this projects settings will break. Experiment with this code:

#urlbar,
.searchbar-textbox {
  margin: 1px !important;
  min-height: 0px !important;
  height: 24px !important;
}
#nav-bar .toolbarbutton-1 {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
  min-height: 0px !important;
  height: 24px !important;
}

@Random-github-name Good to hear text mode works fine now.

Xime78 commented 6 years ago

First of all, thanks for this project. Then, I have a question: Is it possible to remove the opaque overlay on the tabs, navbar and bookmarks bar? This was my reason for getting CTR, and it's my biggest annoyance with the new Firefox. Basically, I want to see my whole theme, not have half of it hidden underneath a layer I did not ask for.

I tried to look for the answer above, so my apologies if this has already been answered.

Lun0s commented 6 years ago

Yes, it is possible to reduce icon size, but some of this projects settings will break. Experiment with this code:

Thank you so much @Aris-t2, this worked perfectly. I just changed both heights to 22 pixels and removed the padding on top of the navigation bar. Everything seems to be working correctly 👍

The only thing left would be resizing the Firefox button and that's it. Is that possible?

JonnyThree commented 6 years ago

@Poonkraft Using only your code in the userchrome.css, when the arrowscroll popup i see that the tabs slightly grow in height. If this is only in my pc, i really don't know why.

Poonkraft commented 6 years ago

Hello Aris-t2,

Three quick questions (feature requests if possible):

  1. Is it possible to change the line color on tabs to purple on Private Windows?
  2. Is it possible to change the magnifying glass icon in the search bar to the icon of the default search engine?
  3. This one is related to CTR: Is it possible to hide the Waterfox button (like it is possible to hide the Firefox button with this project)?
Poonkraft commented 6 years ago

@JonnyThree You are absolutely ritght, it did that for me as well, but I did not notice it until you pointed it out. I added this code and everything works well now:

/* make sure toolbar buttons do not increase toolbar height */
#TabsToolbar > toolbarpaletteitem,
#TabsToolbar > toolbarbutton {
  min-height: unset !important;
  padding: unset !important;
  margin: unset !important;
}
#TabsToolbar > toolbarpaletteitem  .toolbarbutton-icon,
#TabsToolbar > toolbarbutton  .toolbarbutton-icon{
  min-width: unset !important;
  width: 24px !important;
}
Aris-t2 commented 6 years ago

@ Xime78 Yes, it is possible. If you are using 'tabs not on top', I suggest to update this projects files to the latest version. I already remove the "opaque" toolbar overlay for that case.

#nav-bar:-moz-lwtheme,
#PersonalToolbar:-moz-lwtheme {
  background: unset !important;
}

@Lun0s

resizing the Firefox button

In titlebar or on toolbar? There is no need to do that for the titlebar button, because you would also have to catch all cases around that change (menubar, tabs toolbar etc.).

@ Poonkraft

Is it possible to change the line color on tabs to purple on Private Windows?

#main-window[privatebrowsingmode=temporary] .tabbrowser-tab[selected] .tab-line {
  background-color: purple !important;
}

Is it possible to change the magnifying glass icon in the search bar to the icon of the default search engine?

No.

This one is related to CTR: Is it possible to hide the Waterfox button (like it is possible to hide the Firefox button with this project)?

Look for "appbutton hidden" inside appbutton category.

Lun0s commented 6 years ago

In titlebar or on toolbar?

It sounds like it's the one in the Title Bar, @Aris-t2. Sorry, I'm not really used to this kinda thing. Everything was easier and faster with CTR and its window where I was able to test stuff in real time and such. firefox_2017-11-18_14-32-59

Aris-t2 commented 6 years ago

You can use the icon only option for that button.

JonnyThree commented 6 years ago

@Poonkraft right, the extra code is needed. thanks a lot :)

edit: i've stripped down some extra code: seems to be that is needed only this:

TabsToolbar > toolbarpaletteitem, #TabsToolbar > toolbarbutton {margin: unset !important;}

TabsToolbar > toolbarpaletteitem .toolbarbutton-icon, #TabsToolbar > toolbarbutton .toolbarbutton-icon {width: 23px !important;}

JoseHidalgo commented 6 years ago

Hi @Aris-t2 , and thank you for your awesome work. I was about to drop Firefox Quantum, and I'm sticking to it thanks to you :) I have a very simple request : be able to SET A NEWTAB PAGE BACKGROUND COLOR (I'm talking about a new tab page, not about the "about:newtab" page - AFAIK it's not the same thing).

I have a dark theme everywhere, and I hate when a new tab just shows a white background page for several seconds before any URL loads. It burns my eyes ! Can you please help me change that again ?

I used to use a custom code in both userChrome.css and userContent.css for that (I could post it if needed), but apparently it doesn't work anymore with Firefox Quantum. I don't know why.

Could you please add the proper code to your css's in a future release ? That would mean the world to me. Thanks in advance !

x0rnn commented 6 years ago

Is there a way to remove these gaps and autofill the whole space with the URL, or at least the space on the right? https://i.imgur.com/i1YOO9N.png

Edit: copied some code from css/locationbar/ac_popup_title_and_url_50percent_width.css to do it.

Aris-t2 commented 6 years ago

@userOperaFF There is a "dark background" option for about:home/about:newtab in this project. You can access it though userContent.css

@x0rnn This removed the padding before results, but I doesn't work for the space after results.

/* remove unneeded padding around results */
#PopupAutoCompleteRichResult .autocomplete-richlistbox {
  padding: 0 !important;
}
/* remove unneeded padding around results (Fx58+) */
#PopupAutoCompleteRichResult .autocomplete-richlistitem {
  -moz-margin-start: 0 !important;
  -moz-padding-start: 0 !important;
  -moz-margin-end: 0 !important;
  -moz-padding-end: 0 !important;
}
AMGPilot commented 6 years ago

Aris-t2,

Thank you very much for creating this Custom CSS for Firefox! I used to use the classic theme restorer and this gives me back the look that I like :)

I do have one question though:

Would it be possible to add "Bookmark This Page" (Ctrl+D) to the bookmark menu like the older version of Firefox?

https://i.imgur.com/l755MkR.jpg

If you enable the Menu Bar and click on "Bookmarks" then the option to "Bookmark This Page" is available.

https://i.imgur.com/8HfMj5Y.jpg

Thanks again!

Thalon77 commented 6 years ago

Nice tweak collection, useful to recreate the same experience I had with CTR and CTB. I just need some help to fix a few things now that things are a bit more complicated.

What I managed to accomplish: used the "classic" package, changed the main icons to crystal style, managed to change the back/forward button to FF3 green style, managed to remove the border around icons in the bookmarks bar (only there).

What I still need to do and I can't manage to accomplish:

Thanks in advance for any advice.

JoseHidalgo commented 6 years ago

Maybe my previous comment wasn't clear enough, so I've edited it. I'm not talking about the "about:newtab" page I'm not talking about the color of the tab itself I'm talking about the color of the whole page, when a new tab is created, before any URL is loaded @Aris-t2 , please help. Thank you. :)

Aris-t2 commented 6 years ago

@AMGPilot

It is not possible to create new items with CSS.

@Thalon77

remove the border around the icons in the navigation bar (home, reload, print, etc.) like I did in the bookmarks bar

unset buttons_on_navbar_classic_appearance.css

create a dropmarker near the back/forward button with the history (like in pre australis FF)

Not possible, there is no such dropmarker in Firefox and CSS can not create one

create a "stop" button near the home and reload ones (this one only for cosmetical reasons, to recreate the old FF3 interface): stop and reload are merged now, need to spilt them

It is not possible to split them. They share one box now. You can only make both visible at the same time. 

#reload-button:not([displaystop]) + #stop-button,
#reload-button[displaystop] {
  display: block !important;
}

create an addons bar at the bottom of the window like in CTR

Not possible. CSS can not do that.

remove the "action" (those three dots) and star icons in the address bar

Enable pageaction_button_in_location_bar_hidden.css in userChrome.css

@JoseHidalgo So you are talking about the split second something else but the blank page is visible before the actual address loads?

Try this:

.browserStack {
  background: black !important;
}
the-j0k3r commented 6 years ago

Im now using tabs on the bottom, because thats actual more efficient to change tabs/

In offtopic, Im still waiting for all that speed of Quantum FF 57 with 6 tabs open, its about as fast as as with before with FF56 and earlier 40 tabs open, thats a fair comparison of the speeds here.

Aiolikos commented 6 years ago

Is it possible to change the bookmark button guys? I cant find the way. Thanks in advance https://imgur.com/a/iaxxk

AMGPilot commented 6 years ago

@Aris-t2

Thank you for the quick response.

Is there anyway to change the Bookmark Button shortcut to "Ctrl+D" instead of "Ctrl+Shift+B" or maybe create a new shortcut and add it to the Toolbar?

Sorry for all of the questions but just trying to figure this new browser out. Thanks!!

JoseHidalgo commented 6 years ago

@Aris-t2 : yes, that's what I'd like, thank you. I have tried your code in userChrome.css and it works most of the time:

Now thanks to your code, I can load Google on a new tab without any white flash, just by middle-click on a Google bookmark. But I still can't do the same by Ctrl+T (white flash after the black background). That's weird.

Before Quantum, I was using this code that I found online (sorry about the indentation, I can't make it work apparently):

  1. On userChrome.css: `@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); @-moz-document url(chrome://browser/content/browser.xul) {

    main-window,

    browser[type="content-primary"], browser[type="content"], tabbrowser#content,

    content,

    browser[type="content"] > html { background: #222222 !important; } }`

  2. On userContent.css: @-moz-document url-prefix(about:blank), url-prefix(about:newtab) { html:not(#ublock0-epicker), html:not(#ublock0-epicker) body, #newtab-customize-overlay { background: #222222 !important; } }

It worked perfectly. Now on Quantum it doesn't seem to work anymore. I don't know why.

Aiolikos commented 6 years ago

I want to create some custom buttons but I don't know the way. I ve found the following; is it possible to use those codes to change the default buttons? Can someone help me? 

#home-button {list-style-image: url("chrome://browser/skin/home.svg");}

#reload-button {list-style-image: url("chrome://browser/skin/reload.svg");}

#stop-button {list-style-image: url("chrome://browser/skin/stop.svg");}

#stop-reload-button[animate] > #reload-button > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
  background-image: url("chrome://browser/skin/reload-to-stop.svg");
  width: 468px;
}

#stop-reload-button[animate] > #reload-button[displaystop] + #stop-button > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
  background-image: url("chrome://browser/skin/stop-to-reload.svg");
  width: 468px;
}

#back-button {list-style-image: url("chrome://browser/skin/back.svg");}

#forward-button {list-style-image: url("chrome://browser/skin/forward.svg");}

#library-button {list-style-image: url("chrome://browser/skin/library.svg");}

#sidebar-button {list-style-image: url("chrome://browser/skin/sidebars-right.svg");}

#bookmarks-menu-button {list-style-image: url("chrome://browser/skin/bookmark-star-on-tray.svg");}

#downloads-button {list-style-image: url("chrome://browser/skin/downloads/download-icons.svg#arrow-with-bar");}

#PanelUI-menu-button {list-style-image: url("chrome://browser/skin/menu.svg");}

#new-tab-button {list-style-image: url("chrome://browser/skin/new-tab.svg");}

#nav-bar-overflow-button {list-style-image: url("chrome://browser/skin/chevron.svg");}
Aris-t2 commented 6 years ago

@the-j0k3r I haven't noticed any speedup either.

@AMGPilot You can not change shrotcuts. Ctrl+D opens star button bookmark popup and Ctrl+Shift+B bookmarks library here.

@JoseHidalgo You can still use your code, it works, but loose the @namespace line. It breaks everything.

@Aiolikos What are you trying to change? Bookmarks buttons id is #bookmarks-menu-button. If you want to change button colors or images, look into this projects code.

https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/buttons/icons_colorized.css https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/buttons/icons_custom_icons.css

You can not create entirely new buttons with CSS only change their appearance.

AMGPilot commented 6 years ago

@Aris-t2 ,

Thanks again for the reply :)

One more question, is it possible to move the "Star Button" from the address bar to the toolbar?

Here is an add-on that moves the reload button to the address bar. Wish I could see the code they are using for this add-on: https://addons.mozilla.org/en-US/firefox/addon/reload-in-address-bar/

Thanks!! :)

Aris-t2 commented 6 years ago

@AMGPilot

You can not move star button out of the address bar.

The WebExtension does not move reload and stop buttons to the address bar, it creates new ones there. So, if someone would create a WebExtension for star "toolbar" button, you would be able to place it on any available toolbar.