#userstyle — Public Fediverse posts

New userstyle hides as much of the slop features on YouTube as possible

https://userstyles.world/style/29292/youtube-hide-ai-summaries

#youtube #slop #userstyle #stylus

Cleaner Mastodon now correctly displays images in replies when the full-width vertical images and videos fix is enabled

:codeberg: https://codeberg.org/brunomiguel/cleaner-mastodon

#CSS #Mastodon #FOSS #UserStyle

I released a new update to the Cleaner Mastodon userstyle, adding support for Mastodon 4.6.0.

🔗 https://codeberg.org/brunomiguel/cleaner-mastodon

#Mastodon #UserStyle #CSS #FOSS

#Vivaldi :vivaldi_red: のカレンダーの一覧の「当日」と「選択中」の見た目が一緒でわかりづらかったので、CSS 上書きで調整した :tony_smirking: :css3:

```css
/*
* カレンダーの一覧の current と selected の見た目を分ける
*/
.MonthDayPicker-Day--Selected {
color: inherit;
background-color: transparent;
box-shadow: inset 0 0 0 2px var(--colorHighlightBg);
}

.MonthDayPicker-Day--Current {
color: var(--colorHighlightFg);
background-color: var(--colorHighlightBg);
box-shadow: none;
}
```

#Vivaldi #UICustomize #CSS #UserStyle

some quick housekeeping on the (personal, very opinionated) youtube #userstyle.. only to instantly get hit with the »damn, you need shorts in your sidebar? kinda cringe.« by a friend. yes, damn it! i need my mind-numbing attention-span-shorteners for that sweet sweet dopamine!
but i also want all that stupid clutter removed. ✨

@pinguthom Hab mal nen #userscript, pardon #userstyle gebastelt, was dieses super… „in Druckansicht Informationen verstecken“ „Feature“ … eliminiert. 😅

https://gist.github.com/rugk/c564274d10bc359052cfbeb5acde22ca

https://userstyles.world/style/26535/immobilienscout24immoscout-unhide-printing-info

GitHub changed their UI again so I had to adjust my userstyle to fix things, namely the header and the diff-viewer weren't centered anymore: https://userstyles.world/style/22746

#userstyle #github

Here's a small user-style for the Mastodon advanced web interface that hides the drawer from the left-hand side until you hover over it, and keeps it active if you select an input.

Works with Stylus and maybe other userstyle browser plugins.

https://mfgfmc.com/scraps/mastodon-userstyle.html

#mastodon #userstyle #stylus

I have now released Waffler!!
It's a Userstyle that makes WAFRN look even more like Tumblr :neofox_floof:

You can install it here: https://userstyles.world/style/24185/waffler
please use "Stylus" instead of "Stylish"

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

#userstyle #css #critterchat

Yet another #userstyle after 1h of struggling with userstyles specific tiny unusual details 😅

This time, here is a (customisable) compact version for #todoist. I still hope they would one day implement this but in the meantime here we are!

Also, tasks metadata remains at the right of the task row, in contrast with a few existing similar userstyles.

https://userstyles.world/style/22662/todoist-compact-with-metadata-on-the-right

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

#UserStyle #Vivaldi #customization

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

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

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

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

#userstyle

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

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. :blobfoxdisputed:

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

#UserStyle #CSS #Mastodon #MastoDev

I've made a couple of UserStyles ! :blobfoxfloofhappy:

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)

#CSS #UserStyle #Duolingo

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 :blobfoxfloofhappy:

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

#Mastodon #CSS #UserStyle

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

#Mastodon #CSS

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/

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

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

i'm not sure i ever talked about this but i wrote a userstyle for KHInsider Downloads which revamps the ui and makes better use of the space on desktop. check it out and go leave a review if you like it :D
#userstyle #css

https://userstyles.world/style/14277/khinsider-vgm-modern

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 #UserStyle #Sharkey

```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.