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

toot!.css

/*

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

Changelog:
- V1:
-- initial release
- V1.1:
-- added support for the top bar button

*/

.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;
}

/* 2024-10-16 For Mastodon 4.3.0 
https://gist.github.com/ZoeBijl/581fb6f5575b2ef5b5a5b19906adffaf 
Instructions:
Place at instance.domain/admin/settings/appearance.
Changelog:
- V1:
-- initial release
- V1.1:
-- added support for the top bar button
- V1.2:
-- Updated to match Mastodon 4.3.0
*/

.button button-secondary [href="/publish"] span {
  display:none;
}

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

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