Today's edition of make-the-web-work-for-me includes some #UserCSS to give me visual indicators overlayed on my youtube thumbnails.

Started at 100% being a YT-red color checkmark-- then added > 90% being an orange color. The overlay hides on thumb hover.

Also some JS to dynamically replace the thumbs and text with lorem-- for screenshotting purposes.

#UserStyles #CustomizeTheWeb

One thing I would love to see natively supported in @Vivaldi is tabs under the address bar.

This is a relatively basic UserCSS applied on top of tabs below content. I _love_ how airy and inviting the header looks now. The problem is that this doesn’t work with Tab Stacks (which I personally don’t mind as I don’t use them).

Here’s the UserCSS I use: https://gist.github.com/robertjacobsen/725a79237c3e8a65441c7b1289f910f2

#vivaldi #vivaldibrowser #featurerequest #usercss

Will just quickly repost some links to stuff I've made  

#OneBar: A Firefox style that combines the tabs & toolbar into one bar.
https://git.gay/freeplay/Firefox-Onebar

#MastoModern: Improves the look & feel of Mastodon.
https://git.gay/freeplay/Mastodon-Modern

Bootleg cat/fox ears for Mastodon:
https://userstyles.world/style/15031

Threads for Mastodon Pinafore: (Still need to fix for Enafore)
https://userstyles.world/style/11741

TutanotaModern: More minimal, neater, and makes drastically better use of space than Tutanota's current design.
https://userstyles.world/style/2325/

#UserStyle #UserCSS #CSS #Firefox #Tutanota #Threads

I made a very simple user style to make the editor for openstreetmap a bit easier for colorblind people: https://userstyles.world/style/15387/openstreetmap-org-colorblind-friendlier (it just makes the buildings yellow instead of red)

#openstreetmap #osm #userstyle #usercss #colorblind #accessibility

Erstmal den grell weißen Hintergrund der Website kachelmannwetter.com (wie https://kachelmannwetter.com/de/regenradar/deutschland für Regenradar Deutschland) mit User-CSS abgedunkelt:

html, body, .navbar-own, .navbar2-own, .kw-site {
background-color: #666;
}
input, select.form-control, .form-control {
background-color: #999;
}

Nutzbar zum Beispiel in der Firefox-Erweiterung Stylus.
#CSS #UserCSS #Darkmode

My compulsive need to customize websites in action; StackOverflow edition ✨

(I use uBlock Origin and "User Javascript and Css" extensions)

#Web #StackOverflow #css #extensions #ublock #userCss #browser

I decided to mod the Mastodon emoji picker with a #UserCSS, and it is pretty darn inefficient. But so is it cool!

(And by the way all of these animations are technically JS-free. Take that, big tech!)

Distinguishing original posts and boosts with an indicator line.
(Red for original posts, blue for boosts.)

User CSS for the dark theme → https://pastebin.com/RMjQJwVT

#mastodon #mastodonTweak #css #usercss #userstyle