FindBar Tweak for Firefox 57+ Fixes

Firefox 57+ is damn good - it is fast and modern - but there's one glaring pain-point in that the author of FindBar Tweak legacy add-on Quicksaver swore off the browser for good. Lets bring back find bar emphasis and move it back to the top where it belongs!

We've been running various versions of the updated Firefox browser on all sorts of machines and operating systems including Ubuntu Linux, Android and (even *cough cough* Windows) for some time taking full advantage of developer previews and alpha releases. A lot of the must-have add-on web extensions have been fleshed out including uBlock Origin, Https Everywhere, Privacy Badger, Decentraleyes, CanvasBlocker, Cookie AutoDelete, UGet Integration and Zoom Page WE among others. Even LastPass got in on the action just before the official release.

The browser UI which harkens back to the days of square tabs even includes a few pleasant light and dark themes which effectively makes UserStyles.org hacks no longer worth the effort. However one glaring omission remains: FindBar Tweak. But the sky is not falling 'o loyal reader, here's how to get some basic FindBar Tweak goodness back in Firefox with the find bar moved to the top of the browser with highlighting emphasis.

1. Open about:config in your Firefox url bar and "accept the risk!" prompt.
2. Search: findbar.modalHighlight and mark true.
3. Search: findbar.highlightAll;true and mark true.
4. Open about:profiles and open the Root Directory folder location.
5. Search for a folder called chrome (you might need Chrome depending on your operating system).
6. If chrome folder is found, move to step 8. If it does not exist, create a chrome folder (case sensative).
7. Create a .css file titled userChrome.css and save it.
8. Inside the userChrome.css file, paste the following:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

@-moz-document url(chrome://browser/content/browser.xul) {
.browserContainer > findbar{
-moz-box-ordinal-group: 0 !important;
margin-top:-1px !important;
}
.findbar-closebutton {
-moz-box-ordinal-group: 0 !important;
}
.findbar-container spacer {
visibility: collapse !important;
}
}

9. Save the css file, close any running instance of Firefox and restart the browser.
10. Press "Ctrl + F" to see your handiwork!

This modification provides the best features of FindBar Tweak and as much as we'd like to claim this was our own idea we pieced this stop-gap together from a few sources including Reddit (SyntaxErrol's repost of najodleglejszy's config tweaks), StackOverflow (referencing Aris-T2's Classic ThemeRestorer repository on Github) and of course Mozilla's own documentation.

Happy Finding everyone!