@dragonminded Critter Chat dark mode! (Applied as a userstyle with the Stylus extension...)
@dragonminded Critter Chat dark mode! (Applied as a userstyle with the Stylus extension...)
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 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 »
#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.