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 パネルのエディター部分フォントサイズをもともと少し小さくしていたけど、それよりもすこし大きくした（元のデフォルト状態よりは少し小さい
Я часто кликаю на нижнюю панель плеера Ютуба, чтобы вернуть фокус для управления с клавиатуры. Пару месяцев назад этот клик начал приводить к прокрутке страницы (если есть таймкоды).
Отключается такое поведение простым юзерстилем:
.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 »
i really get annoyed at sloppy stylesheets that render a page like half #darkmode half light with conflicting contrast and legibility problems. the #ReadwiseReader browser extension absolutely sucks at it too - try to highlight something on a white-on-black page and it's unreadable. i can't even hack a #userstyle together to un-fuck it reliably.
a really dumb way for an annotation to be made, right?
but #nvidia does equally stupid things too:
#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
I've made a UserStyle that makes websites without any CSS easier to read with some customization options :neofox_floof:
Install it with the Stylus browser extension (not Stylish):
#UserStyle: https://userstyles.world/style/18536
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;
}
#MastoModern has been updated to v2.0.2 with a bunch of fixes for Masto 4.3 !! :neofox_floof:
Install with the Stylus browser extension:
#UserStyle: https://userstyles.world/style/4773/ma
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/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
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 :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/
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
#Gmail has gone WOKE. No però, per reale, presente come all’inizio di quest’anno #Google ha tolto di mezzo la versione HTML base per desktop? Ecco, visto che la #webapp moderna fa comunque cagare a spruzzo, su PC uso quella #mobile, che ancora disponibile anche se non viene aggiornata dal paleolitico. #Curiosità, si può aprire senza fare nulla di strano, con qualsiasi user agent, basta visitare l’URL: https://mail.google.com/mail/mu/. 💩️
I mean, è scarna ad un livello allucinante, però il suo lo fa: lista le #email, le fa leggere, e le fa gestire, non serve letteralmente altro. Anzi, per certi versi forse è meglio della vecchia versione HTML base: la #UI è più pulita e meno incasinata, in alcuni versi peggiore ma in altri più scattante. Quindi, se su PC funziona alla fine bene, su #smartphone dovrebbe funzionare anche meglio, essendo fatta apposta, no? 🙃️
Sbagliato!!! Non ricordo esattamente quando hanno fatto ‘sta merda, ma hanno messo questo enorme banner non chiudibile per spammare la loro app Android nativa di ‘sto cazzo; questo oltre, e non al posto di, la schermata di intermezzo che appare ad alcune visite della pagina, che invece c’è sempre stata. Il #banner non appare da user agent desktop, per un motivo immagino ovvio, ossia il fatto che non avrebbe senso, nonostante è proprio lì che darebbe francamente poco #fastidio, mentre sui #telefoni non è buono affatto… 🤥️
Sullo Ximi mi da fastidio ma non mi ha mai fatto #sbroccare, poi ho visto quanto spazio a schermo mi fotte sul Galaxy Ace 4 e qui veramente ho perso la pazienza. Tra quello e la UI di Opera Mini e di Android, metà schermo è solo contorno, e meno di quella metà effettivamente può visualizzare il corpo di una #mail. Ora, Gmail lì sopra mi serviva per solo una cosa prima e credo mai più poi, quindi non ho bisogno di sistemare lì, ma ormai mi sono salata e quindi ho al volo fatto uno #userstyle per installarlo almeno sul primo #telefono, eccolo qua: https://userstyles.world/style/16251/gmail-mobile-tweaks 🌋️Mentre creavo lo stile comunque ho notato che l’elemento HTML schifoso è denominato “speedbump”, letteralmente “dosso”, e io non so davvero come sentirmi dopo questa #scoperta. Implicherebbe che gli sviluppatori in questo caso sono stati molto probabilmente complici nei piani malefici dei loro manager; un’evidenza di questo tipo distrugge sul nascere scuse del tipo “ah ma no noi non sappiamo che implicazioni questa cosa potrebbe avere noi facciamo solo ciò che ci dicono…“. Ma, dall’altro lato, il fatto che abbia un id così specifico e comodo lo rende molto più semplice da bloccare per noi utenti avanzati, e magari loro anche se costretti ad implementare questo #antipattern hanno tentato di inculare leggermente meno gli utenti. Sentimenti decisamente contrastanti. Qualunque sia la verità, in ogni caso i manager dovrebbero tutti quanti [REDATTO per motivi legali]; “this site looks better in the app” MOTHERFUCKER, YOU made the website… 🕷️💢️💢️https://octospacc.altervista.org/2024/05/10/gmail-ultracaca/
#antipattern #banner #email #fastidio #GMail #Google #mail #mobile #sbroccare #scoperta #smartphone #telefoni #telefono #UI #userstyle #webapp
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
