Bring back the Mastodon toots

custom.css

.compose-form__publish-button-wrapper .button--block {
  font-size: 0px;
}

.compose-form__publish-button-wrapper .button--block::after {
  content: "Toot!";
  font-size: 15px;
  vertical-align: middle;
  color: #fff;
}

.ui__header__links .button[href$="/publish"] span {
  font-size: 0px;
}

.ui__header__links .button[href$="/publish"] span::after {
  content: "Toot";
  font-size: 15px;
  vertical-align: middle;
  color: #fff;
}

The old button color was #2b90d9 I think, but there are other visual elements that I don't want to bother to style. This CSS uses the new color-scheme as of Mastodon v4.0.0.

There is also probably a better way to do this #hack, but I'm not a FE dev. Patches welcome.

.compose-form__publish-button-wrapper .button--block {
  font-size: 0px;
}

.compose-form__publish-button-wrapper .button--block::after {
  content: "Toot!";
  font-size: 15px;
  vertical-align: middle;
  color: #fff;
}

.ui__header__links .button[href$="/publish"] span {
  font-size: 0px;
}

.ui__header__links .button[href$="/publish"] span::after {
  content: "Toot";
  font-size: 15px;
  vertical-align: middle;
  color: #fff;
}

On Firefox/MacOS, here's the difference:

With changes above:

Hmm, I had complaints from people that the background color was reverting to something else. I can't reproduce so I'm just going to revert the latest change which should address the issue you've brought up @hiway. I also typo'd the font color which I've corrected.