#mastodonbirdui — 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 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 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 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 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

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

: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

I've now used mobile browser for mastodon again after some time. Things I miss from moshidon: Swiping between list panes and list pane item for following multiple hahstags in one pane.

Is there any setting to enable those in mastodon web?

#mastodon #MastodonBirdUI

Most of the theming issues have been fixed on our instance. Sorry for the inconvenience caused by the layout bugs… I've been pretty stressed out and dealing with ongoing migraines and postdromes, so maybe it wasn't the best idea to take on this huge task today. Still, about 90% is done, and the rest will be fixed here in production.

I'll push the MVP version of the new theming system soon. Again, sorry, I'm trying my best! The fixing of the fuckening continues…

#MementomoriSocial #MastodonBirdUI

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

@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

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

#elk @elk が今年の1月のリリースを最後に更新が止まっていて、もうメンテナンスされていないんじゃないかという噂が。
シンプルで可愛いデザインで一時期使っていたので残念＆心配ではあるけど、 #Mastodon :mastodon: のデフォルトの Web UI も大分デザインがこなれてきたし、 #TangerineUI とか #MastodonBirdUI みたいな :mastodon: のカスタム #CSS も出てきたので、相対的に #Elk の存在意義みたいなものが薄れてしまっていた状況というのはあったような気はする。

#Phanpy のように、機能面でデフォルトの :mastodon: の Web UI を超えるいろんな機能（外部サーバーからの見た目を一時的にエミュレートできたり、CatchUP 器用や、独自の投稿ドラフトの自動保存機能とか、複数アカウント切り換え機能とか）があれば差別化できたんだろうけど、その点 #Elk はそこまで通常の :mastodon: Web UI と比較してリッチな機能が追加されてるわけじゃないからな…
いっそのこと、 :mastodon: のカスタム CSS テーマとしてリブートするみたいなほうがメンテナンスコストは小さくなりそう :tony_astonished:

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

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

We’re on v4.5!
Also updated #MastodonBirdUI by @rolle to v3.0!
#MastodonSG #MastoAdmin #Singapore

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'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

I'm thrilled to see @Vivaldi included Mastodon Bird UI in Vivaldi Social. :bunhdheart:

"We’ve added two new sets of custom themes — Tangerine UI and Mastodon Bird UI. Both themes flip the interface to display the menu on the left side of the feed, keeping the posting and searching options on the right side."

https://vivaldi.com/blog/vivaldi-social-latest-update-built-in-translate-and-themes/

#MastodonBirdUI #BirdUI #MastodonThemes #UI #UIDesign #CSS #Vivaldi #VivaldiSocial

@tchambers @samhenrigold @nileane @ScottStarkey @cheeaun @elk I’ve had this discussion many times. But it is good to always reopen a discussion about this as there are CSS and UI developers amongst us.

For me there are several reasons that prevent me doing it:

1. Time and commitment (I barely have time for the Bird UI right now from customer projects)

2. Different structure (the core needs rewriting before that happens, most importantly CSS vars instead of SCSS vars)

3. Not sure if they get merged / not sure if worth it (afraid of ”looks too Twitter” reactions, because that is actually the driving motivation for me) - Mastodon core changes are often nitpicked, and as I mostly see that as a good thing, it sometimes limits the development. Eugen can even dismiss his own changes sometimes 😅 I like the fact there is this certain barrier in committing, even with it we have a platform with the best features available. But what would we have here if it was less strict? I feel contradicted about this.

There is this certain kind of freedom in external theming. You can do whatever you please. While some small things are awesome (I’m still convinced that my threaded lines and the message structure inspired them to go to the core even without me), I personally am not interested in adding in the small things when I even don’t know what are good adds. I agree that @nileane’s translate button (that’s awesome btw!) could be, but would it be just one hack without the Mastodon core styles rewrite?

Now that we have :has in #CSS almost anything is possible. But instead of using hacks we should utilize the real deal, Mastodon core SCSS. And that is currently far behind…

Also explained here: https://github.com/ronilaukkarinen/mastodon-bird-ui#i-like-it-so-much-why-it-cant-be-the-default-mastodon-ui

#MastodonBirdUI #CSS #Mastodon #MastoAdmin #UI #MastodonUI

Olen miettinyt ”yleisinstanssin” pystyttämistä. Näitähän on jo monia, mutta tietämättömien kanssa keskustelu typpää aina siihen, kun pitää päättää lähteekö kertomaan Mastodonin ja Fediversen ideasta ollenkaan, vai pitääkö Mastodonin simppelinä ”somepalveluna”. Yleensä jälkimmäinen toimintamalli toimii hienosti siihen asti kun henkilö sanoo ”Okei, kuulostaa hyvältä, miten aloitan palvelun käytön?”. Jos alan tähän sönköttää ”No menepäs mementomori.social ja sieltä Create account” niin vastapuoli: ⁉️⁉️⁉️ ”Memento… mikä? Eikö tämä ollutkaan Mastodon?” ja ojasta allikkoon…

Tähän on kaksi ”ratkaisua”:
- ”Mene mastodon.social”
- Luodaan joku oikeasti käyttäjäystävälliseksi räätälöity (esim. #MastodonBirdUI:lla tai jopa täysin uniikilla ulkoasulla varustettu) suomalainen yleisinstanssi, jonka nimessä on Mastodon. @anton:n https://mastodon.fi olisi täydellinen tähän, mutta hän on päättänyt pitää palvelimen pienen resurssin yhden henkilön palvelimena. Olisi helppo sanoa, että ”mene Mastodon piste fi”, eikä tarvitsisi selitellä mitään.

Toisaalta, tarvitaanko enää yhtä uutta yleisinstanssia, meillä on jo esimerkiksi https://mastodontti.fi ja https://suomi.social jotka eivät nimensä puolesta herätä liikaa hämmennystä. Ja sitten toisaalta, muuttaako hyvin brändätty ”twittermäisen”/”blueskymäisen” käyttöliittymän omaava Mastodon-instanssi lopulta mitään, jos yleisasenne suomalaisten keskuudessa on nuiva, ja kaupallinen some jo vallannut tilaa suomalaisten mikroblogikäyttäjien mielessä? Onko effortti vaivan väärti…

Olisin hyvä markkinoimaan uutta somepalvelua. Minulla on varattuina verkkotunnukset mikroblogi.fi ja somepalvelu.fi, joille en ole vielä toistaiseksi keksinyt käyttöä. Jos ei muuta, rakennan tuonne infosivun, jossa ”tietopankki” eri palveluista avoimen somen kulmalla. Toisaalta tässä elämäntilanteessa en kaipaa yhtään uutta sivuprojektia, aikaa ja energiaa ei oikein juuri nyt irtoa. Yleisinstanssi vaatisi paljon efforttia mm. moderointiin. Mukava kuitenkin viihdyttää itseään ajatuksella.

Mitä ajatuksia herättää?

#MastodonFi #SomeFi #Fediversumi #FediverseFi #Mastodon

It’s been exactly one year since I joined to the Fediverse. Let me tell you my Fediverse story. It does not fit in 500 characters, but glad I have 10000 here.

It first started with Musk tweeting about the sink. I had already given up on Twitter couple of years prior this, but that was the final straw. I saw people talking about Mastodon and I was skeptical. First I looked at mastodon.social, but quickly noticed the username rolle is taken. "That’s it, then", I angrily tweeted that I do not want to join with another nickname, I’m rolle eveywhere AND THE NICK IS TAKEN. Someone immediately pointed out that I should join another instance. An instance, what's that, huh? I then joined to a Finnish instance mastodontti.fi and quickly learned no English is allowed. A moderator pointed out that I should remove my post. Again, I angrily tweeted THAT'S IT THEN, MASTODON SUCKS, STUPID RULES. Another user politely explained that each instance has their own rules, why don't you create another account. An instance, huh?

I quickly learned about the nature of the service. I vaguely remember favoriting tootsuite/mastodon back in 2017 and thought it was just a forum-kinda software back then, for one small community. I consider myself quite witty but I didn't realize Mastodon servers are interconnected. So I joined mstdn.social. And how fun was that! I was elated! My head exploded when I realized how active it was and how amazing the community is.

But then the sudden influx of users made mstdn.social slow and unresponsive. I was thinking about building my own instance, after all I'm a server guy. During 5th of November, 2022, I got my instance up and running, #MementoMoriSocial was born: https://mementomori.social/@rolle/109293139965069879

I wanted my instance to be well federated and active from the start. I followed everyone, I still do. I use a dozen active relays. I managed to finance the instance through my company and get a bit more powerful hardware than necessary. I was alone on my instance first, then invited my wife, colleague and my company.

What I liked in the Fediverse is that I can build my own tools, I own my data and I can help making things better. I have contributed to things via form of:

- #MastodonBirdUI
- #MastoAdmin
- #FediOnFire
- an idea about #Mastopoet
- #TheMastodonList
- #MastodonLista
- and some other things that have been affecting in the general development of Mastodon.

I'm very pleased I can have fun and make my own things while other people like it as well. I first thought all this would be a huge cause of mental stress but it's been on the contrary.

After a couple of months of successful running I opened my instance to the world. Now there's about 150 active users from companies to regular folk and everything has been running smoothly. I have been able to moderate because I require a reason for joining to my instance, so I really do know who the people are. I also welcome each user personally. I know my shit thoroughly and completely. This is why it has been easy to moderate. I've been able to be mostly absent during regular week days from 8am to 6pm, but still be aware of what's happening via effective monitoring, good apps and infrastructure.

For me the key thing is to optimize everything to the tooth. I also regulate my own social media usage, because I get too easily hooked. Mastodon and all its tools have taken an enormous amount of time, but it's been really fun, didn't even notice a full year has passed.

As for the Finnish community, there were thousands of active users, I kept a list. However, for some reason lately the narrative everywhere about Mastodon is that it is difficult and it has no future and people have mostly left to Bluesky. I kinda get that, because even for me starting last year was messy. But things get better, I wish more people would see that.

Mastodon is special. The Fediverse is special. Here's to another year! 🎉 :neon_skull:

#Mastodon #Fediverse #MementoMoriSocial #MastoAdmin

I've once again taken a freetime project even though I really don't have time for it. I'm talking about the new firesky.tv inspired fedionfire.stream I created yesterday. Got a lot of feedback, both positive and criticism, thank you for that. I know it's far from perfect and might not fit the general mindset of the Fediverse, but I wanted to try it. It's hypnotic and fun to watch. I made it mainly to see if I can to learn something, and I did, but it's still not where it should be.

I'm mostly offline from social media during weekdays when I'm working with customer projects and my free time consists of all kinds of things from a pretty challenging family to keeping my shit together. So mostly doing #MastodonBirdUI and some other stuff over the weekends and holidays.

So, please, if you know Vanilla JS/PHP/HTML and have time and skills to help with #FediOnFire, please take a look at these issues if you can do something to help. Thank you. :blobcat_pwettyplease:

https://github.com/ronilaukkarinen/fedionfire/issues

@renchap I'd REALLY like to completely refactor everything under app/javascript/styles as SCSS and CSS are something I do for a living. However, I have too much things on my plate right now so it would be impossible. But I can help any way I can in between, like in form of this discussion, perhaps PRs, testing and such.

I don't see it as a bad idea to start changing it to more CSS-friendly approach while still retaining a structure of a maintainable SCSS framework. After all, more maintainable, better (S)CSS structure in Mastodon core is a great ground for themers like me to work with. I'd be happy to refactor #MastodonBirdUI to work with the new Mastodon core theme.

I would start by adding stylelint tools for CSS and SCSS (at least stylelint-config-standard, stylelint-config-standard-scss), here's a .stylelintrc I myself use: https://github.com/digitoimistodude/devpackages/blob/master/.stylelintrc - I would change it to more strict, and keep it like 2-3 levels nesting max.

Then, variables dir and defining the variables as CSS vars there would be a great start. We do it like this: https://github.com/digitoimistodude/air-light/tree/master/sass/variables

Every single thing should be added to a CSS variable, colors, font-families, font-sizes, breakpoints, background-images, border-radiuses, form factors, aspect-ratios, hovers, active states, UI states, etc. so they can be worked and manipulated with on the theme side.

After this, I'd refactor each file line after line and move every bit as smaller components under their respective directories. I would follow a back end structure there, for example:

features/account/components/header.jsx

That means structure in SCSS:

app/javascript/styles/mastodon/features/account/components/_header.scss

And so on. Not sure how the templates actually are placed in the back-end but you get the picture. Every piece has its style equivalent.

After the SCSS has been refactored, a sample theme can be made very easily just using CSS variables and some of the components.

I hope this gives the idea. This is what I'd do.

#CSS #MastoAdmin #MastodonUI #Mastodon

What's the difference between #TangerineUI #MastodonBirdUI #phanpy and #ElkZone ?

Is there a comparison review of them all somewhere? #mastodonUI

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