Found chrome tabs, how to implement it?

arturofmarturofm
edited July 2018 in Style Requests Firefox

Hello guys, I found this repo which is EXACTLY was I was looking for :) but how do I implement it in Firefox? I know how to link a single .js on chrome alias, but this repo has many files. How do I implement it?

https://github.com/adamschwartz/chrome-tabs

If it's not possible, is there something like this to implement?

Thanks for the help!

Comments

  • JeffersonJefferson
    edited July 2018 Firefox
    What follows is based on the assumption that you want to apply the style of those tabs to Firefox's tab bar rather than to a website.

    In Firefox 57 or later, you would need to use a userChrome.css file to modify the tab bar. I don't know which style rules and SVG/image files are the critical ones. If you don't find a volunteer to experiment, you could try this forum:

    https://www.reddit.com/r/FirefoxCSS/

    Probably the most similar rule set I saw mentioned there was this one:

    https://github.com/pratyushtewari/firefox-like-chrome

    You might try that first. I have more information on how to set up a userChrome.css file here: https://www.userchrome.org/how-create-userchrome-css.html

    Edit: It doesn't good with the "Light" theme and there are some glitches with the active tab edges, so it may need some tweaks for Windows (I checked on Windows 7).
  • arturofmarturofm
    Firefox
    Jefferson said:

    What follows is based on the assumption that you want to apply the style of those tabs to Firefox's tab bar rather than to a website.

    In Firefox 57 or later, you would need to use a userChrome.css file to modify the tab bar. I don't know which style rules and SVG/image files are the critical ones. If you don't find a volunteer to experiment, you could try this forum:

    https://www.reddit.com/r/FirefoxCSS/

    Probably the most similar rule set I saw mentioned there was this one:

    https://github.com/pratyushtewari/firefox-like-chrome

    You might try that first. I have more information on how to set up a userChrome.css file here: https://www.userchrome.org/how-create-userchrome-css.html

    Edit: It doesn't good with the "Light" theme and there are some glitches with the active tab edges, so it may need some tweaks for Windows (I checked on Windows 7).

    That one is actually perfect, I just implemented it and works fine, I'll tune up the css a little bit but it's great, thank you!

    what I wonder is why is that space in the image there? Is that because of the file?
    Screen Shot 2018-07-10 at 1.17.58 AM.png
    720 x 114 - 28K
  • JeffersonJefferson
    Firefox
    arturofm said:

    what I wonder is why is that space in the image there? Is that because of the file?

    The space above the tabs? I think that is related to the way the shape is achieved, but I haven't looked at it for many months. If it affects functionality, try asking the author.
Sign In or Register to comment.