Show threadSu • 最后一代 🏴‍☠️Nov 21, 2023

Web端管理员自定义影响范围太大了，可以在终端用浏览器扩展 #Stylus 来自定义 #CSS

/* 高级多列信息流宽度可变且占满屏幕 */
div.column {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}

/* 隐藏信息流内回复转发收藏操作栏 */
.status__action-bar {
display: none;
}

/* 默认单列信息流宽度 */
.columns-area__panels__main {
max-width: 800px;
}

#MastodonCSS

Show threadPaul Chambers🚧Sep 21, 2023

@uastronomer

I know for a fact the #MastodonBirdUI #css, created by @rolle, works. It's a Twitter like theme.

Maybe Rolle can point you into the direction of some #MastodonCSS resources and guides.

Also, I remember reading something from @atomicpoet about Mastodon CSS a while back, I think.

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

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
Gustomela 🏕️🪵🐻Dec 3, 2022
Hacking stylesheets, my kind of sudoku #MastodonUI #MastodonCSS

https://github.com/gstml/MastodonCalmDown/blob/main/README.md
MastodonCalmDown/README.md at main · gstml/MastodonCalmDown

A reworked CSS for the Mastodon.social web interface - MastodonCalmDown/README.md at main · gstml/MastodonCalmDown

GitHub
ElephantidaeNov 28, 2022

What are your #MastodonCss tips?

My most important one is changing the colour of the hashtags I'm following. Haven't figured an automated way to do it, but this is good enough for now:

.hashtag[href$="/CSS"], .hashtag[href$="/css"]
{
color:#f10!important
}

It's case sensitive. I put it in #Stylus

#Mastodon #CSS

Bunker DNov 20, 2022

Mise-à-jour de mon thème #Mastodon :

✅ Correction :
Compatibilité avec l'écriture de loooongs posts. (Le bouton pour publier disparaissait. Maintenant on peut scroller.)

👍 Amélioration :
Ajout de largeurs par défauts un peu plus adaptées pour les colonnes. (Vous pouvez toujours les changer. Explication dans la doc.)

https://github.com/Bunker-D/Mastodon-CSS

#MastodonCSS

GitHub - Bunker-D/Mastodon-CSS

Contribute to Bunker-D/Mastodon-CSS development by creating an account on GitHub.

GitHub