RE: mementomori.social/@rolle/1156…

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: github.com/ronilaukkarinen/mas…

#BuildInPublic #MastodonBirdUI #BirdUI #CSS #MastoAdmin #CustomCSS #WebDev #OpenSource

GitHub - ronilaukkarinen/mastodon-bird-ui at dev-build-system-css-theme-tokens

🐘🐦 Mastodon web UI, but strongly inspired by Twitter (when it was still good!) - GitHub - ronilaukkarinen/mastodon-bird-ui at dev-build-system-css-theme-tokens

^GitHub

Roni Rolle Laukkarinen

2025-12-07 18:03:39

Mastodon Bird UI support for Mastodon v4.6.0 with CSS properties is coming soon. The theme will also be modularized using SCSS partials to match Mastodon's new style infrastructure.

The build process will include npm scripts and Parcel, making the theme ultra-portable for any Mastodon instance, whether added through the Custom CSS textarea or directly by a Mastodon admin.

I'll also create a simple bash script for Mastodon admins to enable the theme as a selectable option more easily than the current fork-and-cut method.

This is no easy feat, but definitely worth it.

GitHub: github.com/ronilaukkarinen/mas…

Progress in the nightly branch.

#MastodonBirdUI #CSS #OpenSource #MastoAdmin #Theming #BirdUI #Mastodon #BuildInPublic

GitHub - ronilaukkarinen/mastodon-bird-ui: 🐘🐦 Mastodon web UI, but strongly inspired by Twitter (when it was still good!)

🐘🐦 Mastodon web UI, but strongly inspired by Twitter (when it was still good!) - ronilaukkarinen/mastodon-bird-ui

^GitHub

@andreklein Thank you! I've heard that quite a lot, though there are other great themes out there too, like @nileane's wonderful Tangerine UI. I originally built this in early 2023 as a quick experiment (you can read the post here: mementomori.social/@rolle/1099…), and at first, I didn't plan for it to become a full-fledged theme. I just wanted my Mastodon instance to look more polished, minimal, and reminiscent of how Twitter looked in 2019.

I didn't have time to contribute to Mastodon's core since it was filled with hardcoded colors, so I spent a week creating my own theme. It kind of escalated from there, and before I knew it, I had built a full theme framework that I was developing on daily basis.

Mastodon Bird UI is now quite widely used - most notably it's one of the themes of the @Vivaldi browser's Mastodon instance: vivaldi.com/blog/vivaldi-socia…

You can see a list of instances using Mastodon Bird UI here: github.com/ronilaukkarinen/mas…

The upcoming Mastodon UI system refactor will make it even easier to port themes, and I hope it brings great things to the community!

#MastoAdmin #MastodonBirdUI