Git Product home page Git Product logo

firefox-mod's Introduction

Firefox-Mod

New search bar with some changes and fixes. 75.0+ version

'userChrome.css'
or 'userChrome_searchbar_noBlur.css' for no blur search bar.

alt text

NEW. Added One Line config 'userChrome-ONE-LINER.css' alt text

If you dont like the changes to URL/SEARCH bar it can be reverted with these about:config tweaks. (this will be disabled soon)

browser.urlbar.update1; set to False
browser.urlbar.openViewOnFocus; set to False (your preference, this disables opening on focus, need to type to open search)

and use 'userChrome_old_searchbar.css' for browsers older than 75.0 version. dont forget to rename to 'userChrome.css'

Tested on:

 Windows 10 / 73.0.1 / 74.0 / 74.0.1 / 75.0.0 / 77.0.1 Default Dark Theme
 Linux 74.0.1 / Default Dark Theme

Dont forget to enable 'toolkit.legacyUserProfileCustomizations.stylesheets' in about:config for your custom themes to work.

alt text

You can find more in 'userChrome.css'

/* Comment this to show min/max/close buttons. I use OS style firefox plugin. */
  #TabsToolbar > .titlebar-buttonbox-container {visibility: collapse !important;}
/* Width of the tabs. Change it to 100% to get full 
width style tabs. But it looks funny, make search 
bar transparent so it looks better with full width */
	.tabbrowser-tab[fadein]:not([pinned]) {max-width: 135px !important;}  

alt text

Blur style search and bookmarks bar. Used the search method found here

Need about:config 'layout.css.backdrop-filter.enabled' = true and it could require the 'gfx.webrender.enabled' to true. But if it works with the 'backdrop-filter' leave this one.

https://www.reddit.com/r/FirefoxCSS/comments/ddi4dc/testing_the_backdropfilter_in_the_url_dropdown/

alt text

alt text

I use Flexible space for spacing https://imgur.com/a/Gd82v0H

Linux (blur works too after enabling both options mentioned above).

alt text

firefox-mod's People

Contributors

datguypiko avatar neikon avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.