I do not like the "publish" button.

#BringBackToot

๐ŸŽต Regrets, I've had a few
But then again....I should have "Tooted" while I had the chance.๐Ÿคฃ ๐Ÿ˜‚๐Ÿคฃ
#BringBackToot
Iโ€™ve just read on the other place that Mastodon have replaced the โ€˜tootโ€™ button with a boring โ€˜publishโ€™. Apparently it was Hbomberguy that came up with toot in the first place - the guy who smashes through a wall after Ben Shapiro says people will sell their houses if sea levels rise. Toot is a lot more fun. #bringbacktoot

.ui__header__links [href="/publish"] span {
display:none;
}

.compose-form__publish-button-wrapper .button {
display: flex;
font-size: 0;
}

.compose-form__publish-button-wrapper .button::after,
.ui__header__links [href="/publish"]::after {
content: ' Toot!';
font-size: 1rem;
display: block;
}

Place at instance.domain/admin/settings/appearance.

Changelog:
- added support for the top bar button

Gist: https://gist.github.com/ZoeBijl/581fb6f5575b2ef5b5a5b19906adffaf

#BringBackToot

Custom CSS to go from "Publish" to "Toot!" in Mastodon V4

Custom CSS to go from "Publish" to "Toot!" in Mastodon V4 - toot!.css

Gist

Custom CSS to go from "Publish" to "Toot!":

.ui__header__links [href="/publish"] span {
display:none;
}

.compose-form__publish-button-wrapper .button {
display: flex;
font-size: 0;
}

.compose-form__publish-button-wrapper .button::after,
.ui__header__links [href="/publish"]::after {
content: ' Toot!';
font-size: 1rem;
display: block;
}

Place at instance.domain/admin/settings/appearance.

Changelog:
- added support for the top bar button

Gist: https://gist.github.com/ZoeBijl/581fb6f5575b2ef5b5a5b19906adffaf

#BringBackToot

Custom CSS to go from "Publish" to "Toot!" in Mastodon V4

Custom CSS to go from "Publish" to "Toot!" in Mastodon V4 - toot!.css

Gist

Thanks to Zoรซ
@moiety
my Toot!-button is back with custom CSS:

Zoรซ's CSS: https://queer.garden/@moiety/109350375937773564

->
Here's the same with slightly more "customized" (couldn't resist) /*hover on green:

.compose-form__publish-button-wrapper .button {
display: flex;
font-size: 0;
}

.compose-form__publish-button-wrapper .button:after {
content: 'Toot!';
font-size: 1rem;
display: block;
}

.compose-form__publish-button-wrapper .button:hover {
background-color: green;
}

#BringBackToot

Zoรซlla de Vil (@[email protected])

Custom CSS to go from "Publish" to "Toot!": .compose-form__publish-button-wrapper .button { display: flex; font-size: 0; } .compose-form__publish-button-wrapper .button::after { content: ' Toot!'; font-size: 1rem; display: block; } Place at instance.domain/admin/settings/appearance. #BringBackToot

Queer Garden

Don't Mess With My Toot Toot!
- Rockin' Sidney #BringBackToot

https://youtu.be/u2-tgeH4j78

Don't Mess With My Toot Toot Rockin' Sidney Live

YouTube
๐๐ฎ๐›๐ฅ๐ข๐ฌ๐ก ๐ˆ๐ฆ๐š๐ ๐ž ๐‹๐ข๐ฆ๐ข๐ญ๐ž๐
#BringBackToot
๐Ÿ‡นโ€Œ๐Ÿ‡ดโ€Œ๐Ÿ‡ดโ€Œ๐Ÿ‡นโ€Œ! #BringBackToot