@dragonminded Critter Chat dark mode! (Applied as a userstyle with the Stylus extension...)

#Vivaldi Notes パネルのエディター部分フォントサイズをもともと少し小さくしていたけど、それよりもすこし大きくした（元のデフォルト状態よりは少し小さい

Я часто кликаю на нижнюю панель плеера Ютуба, чтобы вернуть фокус для управления с клавиатуры. Пару месяцев назад этот клик начал приводить к прокрутке страницы (если есть таймкоды).

Отключается такое поведение простым юзерстилем:

.ytp-chapter-container {
pointer-events: none !important;
}

Добавлял через расширение Tweaks for YouTube https://chromewebstore.google.com/detail/tweaks-for-youtube/ogkoifddpkoabehfemkolflcjhklmkge

« User Style Stylus pour désactiver les popups de suggestion automatique d'emojis sur Discourse, GitHub et GitLab »

https://notes.sklein.xyz/2025-03-17_1804/

#MastoModern is a UserStyle & instance theme that give Masto a nicer look

Note: the style may break on older versions of Mastodon & instances that have other modifications. The style is compatible with other themes that only change the colors & glitch-soc.

Install with the Stylus browser extension here
Don't use the "Stylish" extension
View the code & report issues

I've made a couple of UserStyles !

Make websites without any CSS easier to read with some customization options:
https://userstyles.world/style/18536

Remove distractions from Duolingo:
https://userstyles.world/style/18334

Install them with the Stylus browser extension (not Stylish)

If you use stylus or other user style extensions and you got upgraded to the new masto interface which has a really bad state for filtered toots, here's some CSS i just banged out. It looks like this in action in dark mode. It's not perfect but I don't care much because I don't really want to see this content anyway, I use this as an indicator that maybe I should stop following someone if they show up here all the time.

/* make hidden shit hidden! */
.content-warning--filter::before,
.content-warning--filter::after {
background: linear-gradient( to bottom,
rgba(130, 130, 130, 1) 0%,
rgba(110, 110, 110, 1) 20%,
rgba(90, 90, 90, 1) 40%,
rgba(70, 70, 70, 1) 80%,
rgba(50, 50, 50, 1) 80%,
rgba(30, 30, 30, 1) 100%);
}
.content-warning--filter p {
margin-bottom: 0;
}
.content-warning--filter p span {
font-size: 0.75em;
color: gray;
}
.content-warning--filter .link-button {
color: darkred;
font-size: 0.75em;
float: right;
margin-top: -2em;
}
.status__wrapper:has(.content-warning--filter) .status__info {
display: none;
}

I've always written userstyles. But just recently have I started to share them with the world

I use #theoldreader as my CSS reader but I'm always annoyed by how it handles font-size, there are so many inconsistencies. I try to fix this and make the font-size more consistent with this new #userstyle: https://userstyles.world/style/18115/theoldreader-consistent-font-size

(and you can even adjust the default font-size in the style settings )

i made a cohost userstyle for goblin! i also made another userstyle that removes numbers like the note count and the follower counts, if you'd like that!

you can install an extension like stylus, and then install the userstyles from here:
cohost theme: https://userstyles.world/style/18082/goblin-cohost
no numbers: https://userstyles.world/style/18083/no-numbers

i also have the css on my website, if you wanna manually copy it or something: https://tiger.kittycat.homes/made/other/goblin-cohost

it's not perfect and i don't promise that every page will look good with it, but i've been using it without issue to browse profiles and the home timeline, so! it's usable!

it definitely doesn't work with the deck layout, but it does work on the two other layouts that goblin has.

This kind of things drive me nuts. You want to write a tiny #userstyle to fix or adapt part of a website? Well you can't with these obfuscated CSS classes (I won't even talk about the 12 levels of nested divs)

Or at least it makes it much more difficult (and on top of that I'm not even sure these class names remain stable from one deployment to another)

#MastoModern has been updated to v2.0.0! I have partially rewritten the style, so it should be a lot cleaner and smaller, including some fixes and changes

You can view the full changelog here

Install with the Stylus browser extension:
#UserStyle: https://userstyles.world/style/4773/mastodon-modern

Along with this, I have also moved the repository to git.gay: https://git.gay/freeplay/Mastodon-Modern

If you find any issues, please create an issue here

just finished making this AWESOME theme for this website,, install here: https://userstyles.world/style/13745/2011-twitter-for-mastodon
#twitter #userstyle #theme

I've made a UserStyle that makes Mastodon's alt text editor window fullscreen, as the default window was too small imo

Install with the Stylus browser extension:
#UserStyle: https://userstyles.world/style/16955

Compiled CSS: https://git.gay/freeplay/UserStyles/raw/branch/wah/mastodon/fullscreen-alt-text-compiled.css

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/

Recently switched to the Gioco pieces on #lichess: I like it very much except for its warm tint. So here's a #userstyle to desaturate it and make it more black & white. “It's not much, but it's honest work”

https://userstyles.world/style/16401/lichess-black-white-gioco-pieces

single line replies in timelines for iceshrimp, firefish and potentially other derivatives. see quoted post for how it looks. extremely hacky and might mess up. will not work in sharkey or other "modern" misskey instances

requires a browser with nyative nested css and :has (so, literally anything from the last year or so)

gist.github.com/ShittyKopper/e1e6457b56e62daf40f1c01c788749f6

(extracted from inline to gist because nyaization broke it)

#iceShrimp #fireFish #css #userStyle

RE: brain.d.on-t.work/notes/9sg7gf0kggpmh85b

I've made a UserStyle to collapse Sharkey's heart reactions, install with the Stylus browser extension:
https://userstyles.world/style/15612/sharkey-collapse-heart-reactions

CC @julia

```css

@-moz-document url-prefix("https://www.some-website.example/") {
article:has(a[href*="topic-i-really-cant-be-bothered-with-anymore"]) {
opacity:0.5;
filter:blur(10px);
}
}
```

#FilterBubble
#UserStyle #Stylus #Firefox #CSS

PS: `display: none` is also fine.