Create a Stylish user style

[5t3f4n]

I think you should consider making this a user style for Stylish as this has many advantages. I'll list some below, but there may be more that I haven't thought of yet.

Accessibility

Less savvy users may be hesitant to tinker with userChrome.css as it requires digging through your profile folder and creating the file since it doesn't exist by default. I realize you can create a blank user style for Stylish and just paste the contents there, but again, this is with less savvy users in mind. The click of a button is more appealing.

Convenience

User styles take effect immediately so you don't have to restart the browser for the changes to take effect. They can also pull updates from the user styles site.

Modularity

User styles let you offer variants in a drop-down menu (like so) so that you can have different versions for different purposes, yet all in one place. For example:

• uBlock Origin
  • uBlock Origin (alternative logo)
  • uBlock Origin (color blind-friendly)
• uBlock
  • uBlock (alternative logo)
  • uBlock (color blind-friendly)

And so forth.

Cross-platform

Not relying on userChrome.css opens up the possibility to work on any browser in theory (mileage may vary). Using the variants feature mentioned above, it's easy to offer minor edits to the code in order to make it compatible with other browsers.

Troubleshooting

The ability to make live edits greatly helps with, and encourages, troubleshooting as you can quickly make trial-and-error changes if you're trying to fix minute details and need to try many things in quick succession.

Disadvantages

I currently can't think of any. Unless there are technical limitations to what you can do using this method.

[Gitoffthelawn]

Well said (and written)! I agree with everything you wrote. If I get some time, I'll see what I can do.

In the past, I tested both Stylish and User Style Manager. When I tested them, I found User Style Manager to have quite a few advantages over Stylish.

The userChrome.css and userContent.css in this repo can be added directly to User Style Manager without modification. If people are interested, I can add instructions on how to do this.

Regardless, given the popularity of Stylish, I am open to looking at providing a solution using that extension as well. Did you have any difficulties loading the files in this repo into Stylish?

@all If you are interested in instructions or modifications to easily integrate the CSS overlays in this repo into either Stylish or User Style Manager (or both), please post a +1 below, along with anything else relevant to this topic.

[5t3f4n]

I am not familiar with User Style Manager and if the numbers on AMO are anything to go by (1,984 users, compared to 735,050 Stylish users) I am probably not alone. It also hasn't been updated in over a year, and some of the reviews already suggest problems have begun to surface. If you want to make a user style you should probably aim to make it work with Stylish instead.

[Gitoffthelawn]

I have finished testing uBlock Deluxe with Stylish, and everything works without modification.

The user can download each file, name them whatever is desired (or just keep their current names), and import them into Stylish as style sheets. They work in Stylish without modification.

[stecydube]

@Gitoffthelawn There is no option for importing a style sheet! Can you provide a step by step explanation?

[Gitoffthelawn]

@stecydube Yes!

1. First, install Stylish. Not a requirement for uBlock-Deluxe, but makes it quick and easy.
2. If you are using Firefox, press Ctrl+Shift+A to quickly display the Add-ons Manager.
3. Now click on the 'User Styles' tab on the left.
4. Clock on the 'Install from URLs...' button near the top of the window.
5. Enter: https://github.com/Gitoffthelawn/uBlock-Deluxe/blob/master/userChrome.css
6. If Stylish asks for a name, give it any name you like.
7. Repeat steps 4-6, this time entering:
   https://github.com/Gitoffthelawn/uBlock-Deluxe/blob/master/userContent.css

That should do it!

I'm not at a system with Firefox or Stylish at the moment, so all the above is from memory. If you have any difficulties or questions, just ask.

[stecydube]

Thanks!

[Gitoffthelawn]

@5t3f4n @stecydube New release of uBlock Deluxe is available!