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.
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
Will just quickly repost some links to stuff I've made :blobfoxfloofhappy:
#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/
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!)
Anyone have an improved bookmark #UserCSS segment to clean the #bookmark menu dropdown in #Firefox? I have one that successfully cleaned everything but folders from it, but after a recent update something changed, and the menu now has a command and two separators on it that I'd prefer gone. #ScreenshotSaturday #browser #UI
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
Here's a little #CSS snippet I'm using to make it more obvious to me when a #mastodon post has been edited.
abbr[title*="Edited"] {
text-decoration: none;
visibility: hidden;
}
abbr[title*="Edited"]::after {
content: "📝";
visibility: visible;
}
@schratze @freeplay Guess what I made!
The default is the new color, the old one is \#2b90d9
I will be using \#056c6f I think.
Anyway, it's available here: https://userstyles.world/style/4743/spacious-mastodon
Kittens Game exploits hacks in my brain that make for a really unhealthful dynamic, so I have to cut myself off after only a day of becoming re-acquainted with it and its recent update.
But not before making sure that stylesheet I wrote in 2017 works again. https://gitlab.com/keturn/condensed-kittens-usercss
