#birdui — Public Fediverse posts

Still my favorite Mastodon app.

#MastodonBirdUI #BirdUI

We just upgraded our Mastodon fork on Mementomori.social to support Mastodon Bird UI with Mastodon 4.6.0 theme variations.

Mastodon Bird UI is now at 4.0.0-alpha.8.rc with support for Color scheme and Contrast settings.

New settings in Settings → Preferences → Appearance:

- Use stars instead of hearts for favourites
- Hide Translate links on Finnish posts
- Hide all Translate links

These used to be separate themes; now you can mix and match.

The Theme dropdown is shorter for the same reason: Light, Dark and Contrast moved into Mastodon's own radios just below the dropdown. If your previous theme is gone, pick Mastodon Bird UI and set Color scheme + tick the new checkboxes to match what you had.

Fixes in Mastodon Bird UI:

- Star icon alignment when Reduce motion is enabled
- Sparkle and ring animations now fire in both motion modes
- Notification colors that disappeared when your OS was light but Mastodon was set to dark

If anything feels off, let me or the admins know. :bunhdheart:

Technical details: https://github.com/rollecode/mastodon-bird-ui/releases/tag/4.0.0-alpha.8.rc

#MementoMoriSocial #Mastodon #MastoAdmin #MastodonBirdUI #BirdUI

@usb The nightly version is for v4.6.0-alpha.6-2026-04-05. Anything newer than that won't work with it.

I'm trying to release a newer version tomorrow.

https://github.com/ronilaukkarinen/mastodon-bird-ui/tree/nightly

#BirdUI #MastodonBirdUI

I've pushed a bunch of quick hotfixes for the Mastodon Bird UI nightly for v4.6.0-alpha.6-2024-04-06, with the CHANGELOG updated here (see things under [UNRELEASED]):
https://github.com/ronilaukkarinen/mastodon-bird-ui/blob/nightly/CHANGELOG.md

The new profile redesign is causing a bit of trouble. I'm fixing things on the fly as soon as I or users notice any issues.

I also pushed some fixes for the ultra-accessible variant; some font sizes were still hardcoded. It's nicer to browse for my vision-impaired spouse.

#MementoMoriSocial #MastodonBirdUI #BirdUI #MastoAdmin #a11y #Accessibiilty #UI #BuildInPublic #Mastodon

I've stated numerous times that I'm not a fan of the new tag pills and boosts and replies toggle, but I tried my best to make it more manageable in my UI. I'd rather not make radical back-end changes to my fork.

OG on the left.
Mine on the right.

#MastodonBirdUI #BirdUI #Mastodon #MastoAdmin

Support for the new profile design is almost ready for Mastodon Bird UI v4.0.0-alpha.6 (for Mastodon nightly 4.6.0-alpha.6).

Original core Mastodon on the left.
With Mastodon Bird UI on the right.

#BuildInPublic #MastodonBirdUI #BirdUI #MastoAdmin

Major modularization is done for the upcoming v4.6.0 in Mastodon Bird UI v4.0.0-alpha.6 (nightly branch). Currently in progress: Supporting the latest profile page structure.
https://github.com/ronilaukkarinen/mastodon-bird-ui/issues/183

#BuildInPublic #MastodonBirdUI #BirdUI #MastoAdmin #Mastodon #OpenSource

@sombragris @trbutler This is actually why I didn't want it to be automatic. I personally prefer to choose per-app, and I hate auto light/dark. The upcoming Mastodon version has separate theme and dark/light settings, so it will be easier to choose. But before 4.6.0, either the themes forced it, or it was automatic.

We have an issue about this: https://github.com/ronilaukkarinen/mastodon-bird-ui/issues/182

In the future, Mastodon Bird UI will support both ways.

#BirdUI #MastodonBirdUI

It seems the newest nightly build has implemented profile_redesign, so it's no longer under the EXPERIMENTAL_FEATURES flag. That means I need to get working on the profile redesign for the Mastodon Bird UI. Today's maintenance break will last a little while longer...

#Mastodon #MastodonBirdUI #BirdUI #MastoAdmin

@sombragris It does... it's auto dark mode based on system dark mode. Probably my favorite feature of #TangerineUI over the otherwise excellent #BirdUI, which can't do auto switching. (However, you can still switch to Bird UI or default Mastodon in the Appearance preferences…

I won't be able to use the flag EXPERIMENTAL_FEATURES=profile_redesign for a while. I do not have time to redesign ours. I really think the Mastodon core team has made some poor choices lately, UX anti-patterns are popping up again. Last time, they changed post visibility under a modal that required up to six clicks and added unnecessary cognitive strain. I even sent a PR suggestion, but they rejected it.

Right now we have "Posts" and "Posts and replies" in tabs, but in the experimental profile redesign there's a "Posts" toggle that contains "Replies" and "Posts" toggles underneath it. It adds extra clicks and combines interface elements under one toggle, which just creates more friction. What's wrong with traditional tabs?

I wish they'd stop breaking what already works well. Honestly, as a long-time front-end developer, I don't understand some of these design choices. Hopefully, these experimental features will mature a bit before they make it to stable.

Issues opened:
https://github.com/ronilaukkarinen/mastodon-bird-ui/issues/183
https://github.com/ronilaukkarinen/mastodon-bird-ui/issues/182

Will hold off for now.

#MastoAdmin #Mastodon #MastodonBirdUI #BirdUI

Wow, there are a lot of breaking changes in the latest Mastodon nightly. I'm a bit surprised by some of the UI choices being made. I haven't been able to refactor all the code in Mastodon Bird UI yet, and I already have quite a bit of technical debt. This won't make my life any easier. I hope I get some breathing room before 4.6.0 is released.

#Mastodon #MastoAdmin #MastodonBirdUI #BirdUI

@doktorzjivago @MrShark @kallekn @gustav

The same issue doesn't occur with the latest Mastodon Bird UI, so please check which version you're using. If it's the stable release, I'll need to patch the main stable version for Mastodon v4.5.6. The fix is already included in the nightly build of Mastodon Bird UI, but applying it directly to the stable version would break other elements.

#MastodonBirdUI #BirdUI

@apz there was someone building containers based on #birdUI. It's very good theme.

:skull360: We've successfully upgraded our Mastodon server to v4.6.0-alpha.3+mementomods-2026-01-24, along with Mastodon Bird UI 4.0.0-alpha.0-4.

This update includes today's latest daily build with 107 new commits from upstream since alpha.2 (2026-01-11).

What's new in Mastodon core - These are the changes Mastodon Team have introduced us in the latest nightly version we are running:

🔒 Security
- Updated lodash to v4.17.23 (security fix)
- Multiple security patches merged from upstream

✨ New Features
- Collections: "My collections" page, featured collections, collection endpoints
- Profile redesign (in Mastodon core theme only): verified badges, account name tyling, profile fields redesign
- New UI components: Callout, Toggle, MiniCard, form fields

🎨 Theming system
- New file-based theme system with data-color scheme and data-contrast attributes
- High-contrast styles added to common stylesheet
- Updated embedded styling and error pages for new theme infrastructure

🐛 Bug Fixes
- Fixed quote cache invalidation
- Fixed cross-server conversation tracking
- Fixed keyboard navigation in media modal
- Fixed directory showing load more button incorrectly
- Fixed quote approval policy being reset on status update
- Fixed delivery worker error counting
- Fixed isDarkMode utility

🔧 Other updates
- Bumped to v4.5.5
- Removed deprecated ImageMagick usage
- Updated Node.js to 24.13
- Various dependency updates and translations

🐦‍⬛ Mastodon Bird UI 4.0.0-alpha.0-4:
- Migrated to new file-based theme system
- Added semantic token overrides for light theme
- Fixed missing search icon in dark theme
- Release: https://github.com/ronilaukkarinen/mastodon-bird-ui/releases/tag/4.0.0-alpha.0-4

Check out the source code of our fork: https://github.com/mementomori-social

Mastodon Bird UI 4.0.0-alpha.0-4 is still a work in progress in the nightly branch. It's not 100% ready, but it's stable with today's Mastodon alpha.3.

As always, if you notice anything unusual or buggy, please reach out to me or any of the admins. Enjoy your time here, and feel free to message me with any questions or thoughts. :bunhdheart:

#MementomoriSocial #Mastodon #MastoAdmin #MastodonBirdUI #BirdUI

A major update is coming soon for my Mastodon instance and for Mastodon Bird UI. Here's how the system is changing from the old version (pre-v4.6.0-alpha.3):

Old system:

- The HTML used a data-user-theme="mastodon-bird-ui-dark" attribute.
- Mastodon Bird UI used selectors like html[data-user-theme="mastodon-bird-ui-dark"] to apply styles only when that theme was active.
- Multiple themes could exist in one stylesheet, applied conditionally through these selectors.

New system (v4.6.0-alpha.3):

- The data-user-theme attribute no longer exists.
- The theme is now defined by which stylesheet file is loaded through themes.yml.
- If your stylesheet is loaded, your styles automatically apply.
- The only HTML attributes now are: data-color-scheme="dark|light|auto" for the user's color preference and data-contrast="normal|high" for the user's contrast preference

What this means for Mastodon Bird UI:
- Bird UI currently wraps everything in selectors like html[data-user-theme="mastodon-bird-ui-dark"] to apply styles only when that theme is selected.
- In the new system, these selectors must be removed entirely. If the Mastodon Bird UI stylesheet is loaded, its styles should apply directly. The loaded file itself now determines the active theme.

https://github.com/ronilaukkarinen/mastodon-bird-ui/issues/177#issuecomment-3795167051

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

Pre-released Mastodon Bird UI 4.0.0-alpha.0-3: https://github.com/ronilaukkarinen/mastodon-bird-ui/releases/tag/4.0.0-alpha.0-3

tl;dr: It now includes a build system and is much lighter than the previous versions. Only compatible with Mastodon 4.6.0 alpha versions.

#MastodonBirdUI #BirdUI #OpenSource #Mastodon #MastoAdmin

@caterpillar Thanks! It's used by a few hundred instances now, most notably Vivaldi's.

After leaving Twitter, I just wanted to bring back that 2019 feel. Some UI and UX patterns have already been proven to work, and it's great (unlike Twitter was) Mastodon is open source so I can customize it.

I've also submitted some suggestions to the core, since the only thing I'm still missing is the compose box, the rest I've built into my fork.

https://github.com/mastodon/mastodon/issues/27102
https://help.mementomori.social/mementomori.social/instance-features
https://vivaldi.com/blog/vivaldi-social-latest-update-built-in-translate-and-themes/

#BirdUI #MastodonBirdUI #MastoAdmin

If you're using the nightly or alpha version of Mastodon (from the main Git branch), the only functional Mastodon Bird UI version is under the branch dev-build-system-css-theme-tokens. There's no release or release candidate yet. While the modularization work is still in progress, the theme is already functional and much lighter thanks to the new build system.
https://github.com/ronilaukkarinen/mastodon-bird-ui/tree/dev-build-system-css-theme-tokens

#MastodonBirdUI #MastoAdmin #BirdUI

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

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

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

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

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

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: Na Mastodon.com.pl wjechała właśnie najnowsza aktualizacja #BirdUI, w pełni zgodna z nowościami z Mastodon 4.5.

To ten dodatek zmieniający wygląd UI web-apki mastodona. Świetnie wygląda też na telefonach 📱

To mój ulubiony motyw (Bird UI Ciemny), którego używam na co dzień.

Jeśli chcecie poeksperymentować ze zmianą wyglądu, to polecam wejść w ustawienia:

https://mastodon.com.pl/settings/preferences

#MCPL #Mastodon #Polska

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

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

I'm excited about #Mastodon 4.5! Native quote posting (finally) and some other great sounding features… any gotchas I should be aware of #MastoAdmin s? I see @rolle's excellent #BirdUI isn't yet officially supportive of the final release, so maybe there's that…

I've got work to do.
https://github.com/mastodon/mastodon/pull/36640

#MastodonBirdUI #MastoAdmin #Mastodon #BirdUI

Fixed a few minor visual bugs in Mastodon Bird UI nightly v2.3.4rc8. Mastodon v4.5.0-beta.2 changed some classes and structure in profile view.

https://github.com/ronilaukkarinen/mastodon-bird-ui/releases/tag/2.3.4rc8

PS. I'm finally a happy nvim user. Officially ruined.

#MastodonBirdUI #BirdUI #MastoAdmin #Mastodon

I've just released a new nightly version of Mastodon Bird UI that supports the upcoming Quote Posts feature.

https://github.com/ronilaukkarinen/mastodon-bird-ui/releases/tag/2.3.4rc5

#MastodonBirdUI #OpenSource #QuotePosts #MastoAdmin #Mastodon #BirdUI #QuotePost

:skull360: We've successfully upgraded our Mastodon server to v4.5.0-alpha.2+mementomods-2025-08-24.

This upgrade includes the latest today's daily build, so everything should be as up to date as possible.

Mastodon Bird UI has been upgraded to 2.3.4rc4 with a minor fix to the upcoming Quote Posts feature. https://github.com/ronilaukkarinen/mastodon-bird-ui/releases/tag/2.3.4rc4

As always, if you notice anything unusual or buggy, please let me or any of the other admins know.

Enjoy your time here! Feel free to message me if you have any questions or thoughts. :bunhdheart:

#MementoMoriSocial #Mastodon #MastoAdmin #MastodonBirdUI #BirdUI

I need to update Mastodon Bird UI nightly soon to support the upcoming new quote posts...

#MastodonBirdUI #BirdUI #Mastodon #MastoAdmin

Jest grudzień, są prezenty od ekipy Mastodon.com.pl 💝

Od dzisiaj możecie wybrać nowe śliczne motywy aplikacji webowej #Mastodon-a 💻 📱

Piękne #TangerineUI w wielu nieoczywistych barwach (wspiera również widok wielokolumnowy!) oraz #BirdUI dla zwolenników klasycznego interfejsu #Twitter-a czy #Bluesky 🦋

Dzięki @darek 👍 👏

Zmiana dostępna jest w Preferencje -> Wygląd
https://mastodon.com.pl/settings/preferences/appearance

Zapraszamy do dostosowywania swojego UI #MastodonComPl #MCPL

Using the #BirdUI CSS on my instance. It's nice having a bigger editor in a font size I can actually read. Made a few other tweaks. Loving it.

#Mastodon #CSS #PlayingAround

Figured out a way to make #BirdUI by @rolle compatible on #Firefox on #Android for any #Mastodon instance!

Instructions:
1. Install the approved extension #TamperMonkey from the Firefox addon menu.
2. Add the #UserScript extension from here https://greasyfork.org/en/scripts/470753-mastodon-birdui-style-override

There may be better ways to do this but it seems to work fine. Let me know if I messed something up... 😅
Added Universeodon and Mastodon dot Social for now but easy to add more.
#MastodonBirdUI #Universeodon #FirefoxAndroid

:new: Tem novidades na Bolha.one!

▫️ Tema #BirdUI: ele não substitui mais o #tema tradicional do #Mastodon. Se você quiser voltar para a interface original da plataforma, agora isso é possível nas preferências da sua conta. Mas se quiser continuar na #MastodonBirdUI, ela segue sendo o padrão, selecionável no menu de temas.

▫️ #Previews maiores: agora os links que aparecem na tootline carregam uma miniatura maior, em especial se você estiver na interface de uma coluna.

▫️ Barra do topo desaparece: agora a barra superior na interface móvel some quando você rola para baixo e volta a aparecer quando você rola para cima.

▫️ Mais #hashtags: agora você pode acompanhar até 15 hashtags em uma mesma coluna. O valor padrão era 4.

▫️ Enquetes maiores: você pode criar #enquetes com até 15 opções e até 150 caracteres por alternativa. E dessa vez a criação delas funciona também na interface web, não apenas em apps.

▫️ Máximo de #caracteres: estes seguem em 2.000.

▫️ Número de respostas: agora você não vai mais ver um "+1" quando um toot tiver mais que uma resposta. Em vez disso você verá o total delas conhecido pela instância.

Todas essas alterações foram graças às instruções de @rolle disponíveis em <https://help.mementomori.social/mementomori.social/instance-features>.

Ele também é a pessoa por trás do tema Bird UI.

I'm working on a serious Accessible version of #MastodonBirdUI. My wife wants to use the default version, but either that or MY default has sufficient colors for her as she has a form of Achromatopsia and a serious vison impairment. Not even High contrast theme will cut it.

So I listen to her. It's not about me or what "looks good", it's what works for her and others who has these limitations. I modify and show, then modify again, show again. For me this is a bit too much, but it's not about me now.

This version will have:

- Way bigger font-sizes
- Different, fully accessible colors for hashtags, links and mentions - each have their own colors
- More space and bigger font size for compose form
- Bigger font-sizes also on mobile

#A11y #Accessibility #AccessibleWeb #CSS #BirdUI