Tweaks para o Mastodon

mastodon-tweaks.css

:root,
html,
body {
    font-family: "inter", rubik, sans-serif !important;
}

body.theme-mastodon-light {
    background: #f4f8fa !important;
}

body.theme-mastodon-light ,
body.theme-mastodon-light .reply-indicator__content,
body.theme-mastodon-light .status__content,
body.theme-mastodon-light .account__display-name strong,
body.theme-mastodon-light .status__display-name strong,
body.theme-mastodon-light .character-counter,
body.theme-mastodon-light .search__input,
body.theme-mastodon-light .account__header__bio .account__header__content,
body.theme-mastodon-light .account__header__fields dt,
body.theme-mastodon-light  .account__header__tabs__name h1,
body.theme-mastodon-light .account__header__tabs__name h1 small,
body.theme-mastodon-light .account__header__extra__links a, 
body.theme-mastodon-light .account__header__extra__links a strong,
body.theme-mastodon-light .status__content__spoiler-link {
    color: #222 !important;
}

body.theme-mastodon-light .muted .status__content,
body.theme-mastodon-light .muted .status__content a,
body.theme-mastodon-light .muted .status__content p,
body.theme-mastodon-light .muted .status__display-name strong,
body.theme-mastodon-light .notification__relative_time,
body.theme-mastodon-light .status__relative-time,
body.theme-mastodon-light .status__prepend {
    color: #404040 !important;
}

body.theme-mastodon-light .compose-form .autosuggest-textarea__suggestions,
body.theme-mastodon-light .compose-form .compose-form__buttons-wrapper {
    background: #f0f4f6 !important;
}

.icon-button.inverted,
.compose-form__buttons-wrapper .text-icon-button,
.account__section-headline a.active,
.account__section-headline button.active,
.notification__filter-bar a.active,
.notification__filter-bar button.active,
.icon-button.active,
button.active .fa-retweet {
    color: #0010ff !important;
}

.column-header,
.column-back-button {
    border-radius: 5px 5px 0px 0px;
}

body.theme-mastodon-light .icon-with-badge__badge {
    color: #fff !important;
}

body.theme-mastodon-light .search__input {
    background: #fff !important;
}

search__input {
    border-radius: 5px !important;
}

body.theme-mastodon-light .account__section-headline button,
body.theme-mastodon-light .notification__filter-bar button,
body.theme-mastodon-light .account__section-headline,
body.theme-mastodon-light .notification__filter-bar/*,
.column-header,
.column-header__buttons,
.account__header__bar,
.column-header__back-button,
.column-header__button,
.column-header__button.active*/
{
    background: #eff3f5 !important;
}

body.theme-mastodon-light .reply-indicator__content .status__content__spoiler-link, body.theme-mastodon-light .status__content .status__content__spoiler-link {
    background: #ecf0f2 !important;
}

.account__header__bio .account__header__fields dl:first-child .verified {
    border-radius: 0px !important;
}

.account__header__fields .verified {
    border: none !important;
    background: transparent !important;
}

.compose-panel .compose-form {
    min-height: 400px !important;
}

.compose-form .autosuggest-textarea__textarea {
    min-height: 200px !important;
    font-weight: 500 !important;
}

/*.column-link {
    font-size: 15px !important;
}*/

body.theme-mastodon-light .focusable:focus, body.theme-mastodon-light .detailed-status__wrapper:focus, body.theme-mastodon-light .detailed-status__wrapper:active, body.theme-mastodon-light .focusable:focus .detailed-status {
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.06), 0px 0px 16px rgba(0, 0, 0, 0.1), 0px 0px 32px rgba(0, 0, 0, 0.2) !important;
    background: #f1f2d9 !important;
}

body.theme-mastodon-light .focusable:focus .detailed-status__action-bar {
    background: #f1f2d9 !important;
}

.reply-indicator__content, .status__content {
    font-size: 15px !important;
    line-height: 21px !important;
    font-weight: 500 !important;
}

b, strong, bold {
    font-weight: 700 !important;
}

/*.columns-area__panels__main, .column {
    max-width: 650px !important;
}*/

.column {
    width: 500px !important;
}


ul.emoji-mart-category-list li button span, ul.emoji-mart-category-list li button img {
    width: 36px !important;
    height: 36px !important;
}

section.emoji-mart {
    width: 512px !important;
    height: 256px !important;
}

.compose-form .autosuggest-account-icon, .compose-form .autosuggest-emoji img {
    width: 24px !important;
    height: 24px !important;
}

a.mention {
    color: #8c8dff !important;
}

.reply-indicator__content .emojione, .status__content .emojione {
    width: 24px !important;
    height: 24px !important;
}

.emojione {
    vertical-align: middle !important;
}