Undo some of the gore that was added in the Mastodon 4.3.0 update

mastodon-3.4.0-is-horrible.css

/* ==UserStyle==
@name           queer.garden
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Undo some of the gore that was added in the Mastodon 4.3.0 update
@author         @[email protected]
==/UserStyle== */

@-moz-document url-prefix("https://queer.garden/") { /* Change this to your server URL */
    body.theme-default {
      --background-color: #20202f; /* Courtesy of WelshPixie */
    }
    
    /* Compose button
     * Restores "Toot!"
     */
    .compose-form__actions .button {
        font-size: 0;
    }
    
    .compose-form__actions .button::after {
        font-size: 14px;
        content: 'Toot!';
    }
    
    /* Content Warning button
     * Replaces the warning icon with the text “CW”
     */
    .compose-form__buttons button[aria-label$="content warning"] svg {
        display: none;
    }
    
    .compose-form__buttons button[aria-label$="content warning"]::before {
        display: flex;
        content: 'CW';
        min-width: 20px;
        min-height: 20px;
        align-items: center;
        justify-content: center;
    }
    
    /* Makes the content warning button not horrible 
     * Note: makes it so you can’t select the CW text
     */
    .content-warning .link-button::after {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        content: '';
        
    }

    /* Content Warning bars
     * Removes the content warning bars, seriously, what were they thinking?
     */
    .content-warning {
        border: 1px solid rgba(99,100,255,.15);
    }
    .content-warning::after,
    .content-warning::before {
        content: unset;
    }
    
    /* Compose form
     * Why are the buttons inside? Why?
     */
    .compose-form__highlightable {
        border: 0;
        background: 0;
    }
    
    .compose-form .autosuggest-textarea__textarea,
    .compose-form .spoiler-input__input {
        border: 1px solid var(--background-border-color);
        border-radius: 4px;
    }
    
    .compose-form__footer {
        display: grid;
        grid-template-areas:
            "buttons buttons"
            "dropdowns submit";
        padding: 0;
    }
    
    .compose-form__buttons {
        grid-area: buttons;
    }
    
    .compose-form__dropdowns {
        grid-area: dropdowns;
    }
    
    .compose-form__submit {
        grid-area: submit;
    }
    
    .compose-form__actions {
        display: contents;
    }
    
    .compose-form__uploads {
        padding: 0;
    }
    
    .compose-form .spoiler-input__input {
        border-radius: 4px 4px 0 0;
    }
    
    .compose-form .spoiler-input + .autosuggest-textarea .autosuggest-textarea__textarea {
        border-radius: 0 0 4px 4px;
        border-top: 0;
    }
    
    .compose-form .spoiler-input .autosuggest-input {
        border-bottom: 0;
    }
    
    .compose-form__poll .poll__option {
        padding: 0;
    }
    
    .emoji-picker-dropdown__menu {
        margin-left: 5px;
    }
    
    
    /* Sizing of stuff */
    .drawer__header {
        margin-bottom: 0;
        border-bottom: 0;
        border-radius: 4px 0 0 0;
    }
    
    .column,
    .drawer {
        padding: 10px 0;
        width: 360px;
    }
    
    .column + .column,
    .drawer + .drawer,
    .column + .column .column-header,
    .drawer + .drawer .column-header,
    .column .column-header,
    .column > .scrollable {
        border-left: 0;
    }
    
    .column > .scrollable {
        border-radius: 0;
    }
    
    .column:last-child .column-header {
        border-top-right-radius: 4px;
    }
    
    .column:last-child .scrollable {
        border-bottom-right-radius: 4px;
    }
    
    .column-header,
    .search__input {
        border-radius: 0;
    }
    
    .drawer__pager {
        border-top: 0;
        border-radius: 0 0 0 4px;
    }
    
    .layout-multiple-columns .search {
        margin-bottom: 0;
    }
    
    .status,
    .compose-form {
        padding: 14px;
    }
    
    .status__prepend {
        padding: 14px 14px 0;
    }
    
    .column-header__title {
        padding: 12px;
    }
}