stylus VS chess-pieces

I used a Firefox add-on called "Stylus" and wrote a custom css rule to hide the relevant divs/elements. It's not perfect, but it's okay. https://github.com/openstyles/stylus

However, after the recent ad-blocker targeting by Youtube I pretty much just stopped watching. I added my regular subscriptions to the NewPipe app on my phone and just watch what they put out.

The add-on I mentioned above is super useful to personalize my experience with other websites. Particularly online-shopping and other marketplaces that have huge amounts of whitespace for no reason. You'd be surprised how much nicer the web experience is after you add a few "margin: 0px;" css styles to strategic areas.

I try to maintain a user style to improve Fandom's wikis, for anyone using the Stylus Extension.

Both of these are hosted on userstyles.world. To use them, you'll need to have a browser extension like Stylus . Then just click the blue Install button for each tool you want!

These are both hosted on userstyles.world. I recommend using them with the Stylus browser extension, which works on Chrome, Firefox (including Firefox Nightly for Android) and Opera. (Pretty sure it will also work with Cascadea if you're on Safari but I haven't tested it yet.)

I wonder if Stylus would be good for this...

Use Stylus

Stylus and display: hide !important; are your friends.

looks good to me, its a css file so its already quite limited, and i did a quick check and it doesnt seem to load anything (from just searching for "url"), so it should all be local. stylus is open source, but of course thats no garuntee that its safe https://github.com/openstyles/stylus . its also a reccomended extension on firefox, which means that they do check it more thouroghly, but idk if thats good enough for you.

Github repo (svg files): https://github.com/Ka-hu/chess-pieces