MobileRead Forums - View Single Post

DMcCunney · 12-02-2017, 09:37 PM

I posted previously about Firefox 57, and the fun involved when 40+ extensions that worked under previous versions all stopped working under FF 57 because of architectural changes in the browser. Fortunately, enough new extensions that are pure JavaScript using the Web Extensions API are available to fill some of the gaps, though there is still a way to go to restore everything I used to be able to do.

One of the older extensions I made heavy use of was Stylish. Stylish was called Greasemonkey for CSS, and it was accurate. (Note that the FF 57 version of Greasemonkey has problems, and ViolentMonkey or TamperMonkey are better choices if you want to play with UserScripts. TamperMonkey is also available for Chrome and Edge.)

Greasemonkey allowed you to run arbitrary JavaScript called UserScripts on pages you visited, based on the page. Stylish allowed you to apply arbitrary CSS called UserStyles to pages you visited, without having to restart the browser. Stylish could also style the browser itself, and I used an assortment of custom CSS to modify Firefox's appearance. The canonical source for UserStyles is UserStyles.org with a lot of stuff to look at.

There is now a Firefox 57 compatible version of Stylish, and I use it. But while it can style sites you visit, like Facebook and Reddit, it can't style Firefox itself. That can only be done in UserChrome.css and UserContent.css files in the chrome folder in the browser's browser's profile. (That does not exist by default, but can be created.}

One of the extensions that no longer works in FF 57 was called Classic Theme Restorer by a chap named Aris, which did all sorts of nice things to the Firefox interface. What it did can't be done under Firefox 57 with the Web Extensions API. But one of the things Aris used as part of CTR was CSS. He's collected it on [https://github.com/Aris-t2/CustomCSSforFx]Github[/url] in a pair of zip files. Exit Firefox, and create the chrome directory in the profile. Then download one, and extract the contents to the chrome directory you created.directory you created in the profile, and restart Firefox. The difference will be dramatic.

The attached screen shot came from unzipping the file custom_css_for_fx_v1.4.5.zip to the chrome directory and restarting. There's a lot in that file, and I just used it as is for a start, but it's well commented and you can experiment with what tweaks to apply. Mess yourself up? Not a problem. Exit Firefox, and delete the chrome directory and its contents, then restart Firefox. You'll get the previous default appearance.

Enjoy.
______
Dennis

12-02-2017, 09:37 PM	#31390
DMcCunney New York Editor Posts: 6,384 Karma: 16540415 Join Date: Aug 2007 Device: PalmTX, Pocket eDGe, Alcatel Fierce 4, RCA Viking Pro 10, Nexus 7	More Fun with Your New Firefox I posted previously about Firefox 57, and the fun involved when 40+ extensions that worked under previous versions all stopped working under FF 57 because of architectural changes in the browser. Fortunately, enough new extensions that are pure JavaScript using the Web Extensions API are available to fill some of the gaps, though there is still a way to go to restore everything I used to be able to do. One of the older extensions I made heavy use of was Stylish. Stylish was called Greasemonkey for CSS, and it was accurate. (Note that the FF 57 version of Greasemonkey has problems, and ViolentMonkey or TamperMonkey are better choices if you want to play with UserScripts. TamperMonkey is also available for Chrome and Edge.) Greasemonkey allowed you to run arbitrary JavaScript called UserScripts on pages you visited, based on the page. Stylish allowed you to apply arbitrary CSS called UserStyles to pages you visited, without having to restart the browser. Stylish could also style the browser itself, and I used an assortment of custom CSS to modify Firefox's appearance. The canonical source for UserStyles is UserStyles.org with a lot of stuff to look at. There is now a Firefox 57 compatible version of Stylish, and I use it. But while it can style sites you visit, like Facebook and Reddit, it can't style Firefox itself. That can only be done in UserChrome.css and UserContent.css files in the chrome folder in the browser's browser's profile. (That does not exist by default, but can be created.} One of the extensions that no longer works in FF 57 was called Classic Theme Restorer by a chap named Aris, which did all sorts of nice things to the Firefox interface. What it did can't be done under Firefox 57 with the Web Extensions API. But one of the things Aris used as part of CTR was CSS. He's collected it on [https://github.com/Aris-t2/CustomCSSforFx]Github[/url] in a pair of zip files. Exit Firefox, and create the chrome directory in the profile. Then download one, and extract the contents to the chrome directory you created.directory you created in the profile, and restart Firefox. The difference will be dramatic. The attached screen shot came from unzipping the file custom_css_for_fx_v1.4.5.zip to the chrome directory and restarting. There's a lot in that file, and I just used it as is for a start, but it's well commented and you can experiment with what tweaks to apply. Mess yourself up? Not a problem. Exit Firefox, and delete the chrome directory and its contents, then restart Firefox. You'll get the previous default appearance. Enjoy. ______ Dennis Attached Thumbnails