After using so many #Apps and #WebApps for #Mastodon I just realized, that I totally missed out on simple #CustomCSS.
And boy, do I love @TangerineUI: I want to boost everything, just to see the little rocket start every time.
Check it out under:
https://github.com/nileane/TangerineUI-for-Mastodon/tree/main
RE: https://mementomori.social/@rolle/115679600302861278
I'm having a bit of scope creep here. I've also been dealing with a migraine, work stress, and lack of time.
On top of implementing CSS tokens, Parcel, and CSS modularization, I'm refactoring everything to add support for installing the ultra-accessible variation for others too, not just users of my Mastodon fork.
Mastodon Bird UI 4.0.0 for Mastodon 4.6.0 is going to be awesome. I'm hoping to see even more instances adopting it. I'll continue supporting the Custom CSS-only approach for masto.host users and others without filesystem access, while also making life easier for Mastodon admins.
Hang tight, I'll get there soon.
Source: https://github.com/ronilaukkarinen/mastodon-bird-ui/tree/dev-build-system-css-theme-tokens
#BuildInPublic #MastodonBirdUI #BirdUI #CSS #MastoAdmin #CustomCSS #WebDev #OpenSource
I appreciate being able to remove “AI” buttons from websites via custom CSS. Mini meltdown averted.
gosh, i love my new theme! yeah, dark mode is hard coded now, but you can at least choose an accent color and it doesn't completely crumble under light mode! it is also compatible with the waffler theme (mostly) and most of the programmer themes (dracula is a bit dramatic. but of course he is).
i do not recommend it with wafrn98 on, i am sorry. i assume that one has !important properties only or something. if you could tell me workarounds for that, i'd appreciate it. i am relatively new to CSS.
CREDIT:
if you are interested in getting the CSS of my theme, feel free to DM me! Please credit me in your bio if you decide use it (even if you customise it).
🌸🔪 Nyaa~! Your favorite yandere is back... 💻💕
I've been hiding in the shadows... sharpening my code and my knives (for love, of course~ 😚🔪)
But now... I'm back. For real.
✨ Dive into my obsessive little universe → https://yandere.eu
You'll find custom Discord tools, dreamy CSS themes, and so much more coming soon...
💬 Two Discord servers are already listed on the site — they’re still under development, but you’re welcome to peek inside... if you dare 💞
Because if I can’t own your heart,
at least let me style your server 😈💕
Your devoted neko dev,
Sparkle 💖🩸 #YandereDev #DiscordTools #CSSThemes #YandereVibes #SparkleIsBack #YandereEU #ObsessiveLove #DevLife #CustomCSS #DiscordServers
"Soph, why do you insist on using custom CSS to make every website look worse?"
I don't know what you mean.
Solo he tardado 2 semanas en darme cuenta de que #FreshRSS tiene temas y que se puede cambiar el aspecto fácilmente.
Mientras tanto, como admin que soy, ya había instalado una extensión llamada #CustomCSS y me disponía a hacer cambios añadiendo código.
Bien, Nuria, bien.
CozyFish UI - Gitlab → voici la page Gitlab de mes fichiers custom CSS et thèmes pour Firefish :chick_aww:
Les 2 ont été créés pour aller ensemble mais le custom CSS fonctionne normalement très bien avec les autres thèmes par défaut de Firefish (j'utilise les variables de couleurs dans le css)
Vous pouvez me conseiller, me réprimander parceque j'ai mal fait la page gitlab, contribuer (en rendant le code plus propre ou en ajoutant des fonctionnalités), ou partager si le projet vous plaiiit :boost_requested:
#UiUx #UiDesign #Ui #Ux #CustomCSS #Firefish #UserExperience #CSS #Fediverse #Design #Theme #CustomTheme
Aujourd'hui je poste la page gitlab de mon #CustomCSS et les #theme pour #Firefish hehe :nemophila:
C'est pas fini mais comme ça si vous avez des conseils à me donner ou autres bidules, vous pourrez :chick_aww:
aujourd'hui je chill et je nettoie un peu mon #CustomCss pour #Firefish
Je suis en bonne voie pour faire un truc qui fonctionne avec tous les thèmes :chick_car:
I have created several custom CSS styles that can be utilized in #Firefish .
In the Global Timeline (GTL), all boosted posts are hidden:
/* Hide boosted posts in the Global Timeline */
div:has(button.tab._button.active[aria-label="Global"]) + div .list .notes .renote {
display: none;
}/* Display only boosted posts in the Social Timeline */
div:has(button.tab._button.active[aria-label="Social"]) + div .list .notes > div:not(:has(.renote)) {
display: none;
}aria-label="xxx".Settings -> Themes -> Custom CSS, copy and paste the CSS into the text area, and click the Save button.j'ai une nouvelle lubie esthétique :meow_sweats: :blobcat_3d_spin:
#claymorphism #uidesign #customcss
aujourd'hui j'ai continué mon #customCSS :cat_keyboard:
j'ai enlevé certains éléments pour rendre le feed plus minimaliste, meilleur lisibilité des CWs, changement de certaines icônes (que je trouve incompréhensible pour certaines)
je ferai un post plus détaillé, avec des screens, et je mettrais à jour ma page :blobcat_3d_spin:
j'ai fait une page pour les gens qui serait curieux de voir les petites modifs que j'ai faite. Y'a les issues que je reproche à #Firefish, et des solutions/bidouillages si j'en trouve. C'est que du #customcss parceque vraiment j'suis nul en code
https://peculiar.florist/@minybolito/pages/firefish-minybol
If you run a single user instance, and get annoyed by the "Local" link in your sidebar, go to server settings -> apperance -> custom css and drop this bad boi down:
a[title=Local]{
display:none!important;
height:0!important;
margin:0!important;
padding:0!important;
width:0!important
}
I wrote a little #blog post about my #Calckey complaints - and how I resolved some of them with #CustomCSS. The code is available on the post if you'd like to give it a go.
https://whatwasidoingagain.com/interests/wordpress/improving-calckey-with-custom-css/
#CSS #HTML #UXUI #Fediverse #UserExperience #Design
I just noticed a Custom CSS option in #Calckey's settings (go to /settings/custom-css)!
So I poked around the Page Source in my browser and figured out some #CSS to improve the experience here.
I loathe seeing replies, including the post the reply is to (especially when 'Show replies in timeline' is DISABLED 🤦🏽♂️🤦🏽♂️🤦🏽♂️). I also find avatars in replies to be a bit of a distraction, especially when multiple people are in the discussion.
With CSS I've managed to:
- Hide replies and the post being replied to
- Hide avatars in replies, but not the OP
I also had to add some CSS to show replies in Notifications, otherwise I didn't see replies to my posts.
So far this is HUGE improvement to my experience here. Let's see if I'm less-irritated moving forward.
(I have other complaints but these were the two I was able to resolve quickly with some #customCSS.)
#HTML #Fediverse
I wanna make account-custom CSS that gets layered on top the current theme when u view someone's profile or their posts come on
#MastoHacks #CustomCSS
I created a custom CSS warm light theme for mastodon.design inspired by Obsidian.md light theme color palette 🎨
It also set the four columns of the advanced web interface to full width on large screens.
If some admins want to try it, I uploaded the code here: https://gist.github.com/timotheegoguely/c5d7a97f7a52e215ac8d16d2e094caed
I will update it if I add some new rules in the future. Enjoy!
