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: https://github.com/ronilaukkarinen/mastodon-bird-ui

Progress in the nightly branch.

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

@mellifluousbox

In my own opinion I think all instances should use #mastodonbirdui , but I know that is all personal preference.

Also better onboarding for sure

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

@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: https://mementomori.social/@rolle/109984108360395822), 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: https://vivaldi.com/blog/vivaldi-social-latest-update-built-in-translate-and-themes/

You can see a list of instances using Mastodon Bird UI here: https://github.com/ronilaukkarinen/mastodon-bird-ui?tab=readme-ov-file#list-of-instances-that-use-mastodon-bird-ui

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

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: https://github.com/ronilaukkarinen/mastodon-bird-ui

Progress in the nightly branch.

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

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: https://github.com/ronilaukkarinen/mastodon-bird-ui

Progress in the nightly branch.

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

Made progress on issue 172 today, but the rest of the evening goes to playing Fortnite with my son. And that's fine by me, loving our win streak. First things first.

https://github.com/ronilaukkarinen/mastodon-bird-ui/issues/172

#MementoMoriSocial #MastoAdmin #MastodonBirdUI

I love reading about peoples blogs posts about creating their own versions of social media.

I think it is very creative what @rolle has done over the years bringing his style and vibe to #mastodonbirdui

Its a fantastic theme for Mastodon and that is why I love it so much. Thanks again Rolle.

Keep up the updates and creativeness

#mastodonbirdui #rolle #openweb

I love reading about peoples blogs posts about creating their own versions of social media.

I think it is very creative what @rolle has done over the years bringing his style and vibe to #mastodonbirdui

Its a fantastic theme for Mastodon and that is why I love it so much. Thanks again Rolle.

Keep up the updates and creativeness

#mastodonbirdui #rolle #openweb

RE: https://mementomori.social/@rolle/115510168521583995

The v3.0.0 release of #MastodonBirdUI has now been deployed on Vivaldi Social.

Mastodon Bird UI v3.0.0 is now released! 🎉

Most notable changes:
- Support for Mastodon stable 4.5.0
- Fix profile links and alignment
- Re-style Quote Posts
- Improved UI for the new quote posts popper
- Improve status__quote--error being to high, update min-height
- Remove the separator dot redundant since 4.3
- Fix performance-expensive transitions
- Fix audio embed overflow
- Improve the accesibility of modals

Full changelog and download: https://github.com/ronilaukkarinen/mastodon-bird-ui/releases/tag/3.0.0

#MastodonBirdUI #BirdUI #Mastodon #MastoAdmin #CSS #UI #OpenSource

RE: https://mementomori.social/@rolle/115510168521583995

The v3.0.0 release of #MastodonBirdUI has now been deployed on Vivaldi Social.

Opened an issue to Mastodon Bird UI: Major rewrite: migrate to SCSS + Parcel for Mastodon's new CSS custom properties system https://github.com/ronilaukkarinen/mastodon-bird-ui/issues/172

I don't have time to work on this for a while, but I already have a plan.

#MastodonBirdUI #BirdUI #CSS #MastoAdmin #Mastodon #SCSS #OpenSource