body,
    .ui,
    .public-layout,
    .account__section-headline,
    .notification__filter-bar,
    .react-toggle-track,
    .pillbar-button,
    .dropdown-menu__item a:active,
    .dropdown-menu__item a:focus,
    .dropdown-menu__item button:active,
    .dropdown-menu__item button:focus,
    .dropdown-menu__item button:hover,
    .tabs-bar__wrapper,
    .admin-wrapper .sidebar ul a:hover,
    .admin-wrapper .content__heading__tabs a:active,
    .admin-wrapper .content__heading__tabs a:focus,
    .admin-wrapper .content__heading__tabs a:hover,
    .batch-table__row:hover,
    .compose-form__warning,
    .filter-form,
    .nothing-here,
    .simple_form input[type="datetime-local"],
    .simple_form input[type="email"],
    .simple_form input[type="number"],
    .simple_form input[type="password"],
    .simple_form input[type="text"],
    .simple_form input[type="url"],
    .simple_form textarea,
    .simple_form select {
background-color: #171f20 !important;
    }
html {
scrollbar-color: #324239 rgba(0, 0, 0, .5) !important;
    }
    .dropdown-menu,
    .account__header__bio .account__header__fields {
border-color: #171f20 !important;
    }
    .status.collapsed .status__content::after,
    .status.collapsed:focus > .status__content::after {
background: linear-gradient(rgba(40, 44, 55, 0), #171f20) !important;
    }
    .column-settings__section,
    .setting-meta__label,
    .setting-toggle__label,
    .drawer__header > *,
    .notification__message,
    .column-header__collapsible,
    .icon-button,
    .block-modal__cancel-button,
    .confirmation-modal__cancel-button,
    .confirmation-modal__secondary-button,
    .mute-modal__cancel-button,
    .status.light .display-name,
    .block-modal__action-bar > div,
    .boost-modal__action-bar > div,
    .confirmation-modal__action-bar > div,
    .doodle-modal__action-bar > div,
    .mute-modal__action-bar > div,
    .column-header__button,
button.icon-button i.fa-retweet,
    .status__info__icons,
    .status__display-name,
    .status__relative-time,
    .search__popout h4,
    .search__popout__menu__message,
    .account .account__display-name,
    .muted .status__content,
    .muted .status__content a,
    .muted .status__content p,
    .muted .status__content__text,
    .muted .status__display-name strong,
    .load-more,
    .link-footer p,
    .link-footer p a,
    .status__prepend,
    .account__section-headline a,
    .account__section-headline button,
    .notification__filter-bar a,
    .notification__filter-bar button,
    .empty-column-indicator,
    .follow_requests-unlocked_explanation,
    .status__content a .fa,
    .status-card__title,
    .dismissable-banner__message h1,
    .warning-banner__message h1,
    .detailed-status__meta,
    .account__header__tabs__name h1 small,
    .account__header__bio .account__header__joined,
    .account__action-bar__tab > span,
    .switch-to-advanced,
    .conversation__content__names,
    .admin-wrapper .content h4,
    .admin-wrapper .sidebar ul a,
    .admin-wrapper .content__heading__tabs a,
    .error-column p,
a.button.button-tertiary,
    .server-banner h4,
    .server-banner__number-label,
    .sign-in-banner p,
    .about__domain-blocks__domain,
    .about__footer,
    .about__header p,
    .about__meta h4,
    .server-banner__introduction,
    .account-card__title .display-name,
    .account-card__counters__item small,
    .search-results__header,
    .search-results__section__header,
    .search__input,
    .search__icon .fa-times-circle,
    .search__popout__menu__item,
    .trends__item__name a,
    .account-memorial-banner__message,
    .follow-request-banner__message,
    .moved-account-banner__message,
    .account__disclaimer,
    .nothing-here,
a.table-action-link,
button.table-action-link,
    .simple_form .hint,
    .filters .filter-subset a,
    .accounts-table__count small,
    .admin-wrapper .content .muted-hint,
body .muted-hint,
    .flash-message,
    .announcements-list__item__meta,
    .filters-list__item__meta,
    .permissions-list__item__text__type,
    .accounts-table tbody td.accounts-table__extra,
    .log-entry__timestamp,
    .dimension__item__value,
    .batch-table__row__content__extra,
span.animated-number span,
    .status__content a,
    .column-header__back-button,
    .status__content a.unhandled-link .link-origin-tag,
    .account__header__fields dt {
color: #f6e9ce !important;
    }
    .column-header__button:focus {
text-shadow: 0 0 1px #f09b68 !important;
    }
    .column-header__setting-btn:focus,
    .column-header__setting-btn:hover,
    .column-subheading,
    .icon-button:active,
    .icon-button:focus,
    .icon-button:hover,
    .block-modal__cancel-button:active,
    .block-modal__cancel-button:focus,
    .block-modal__cancel-button:hover,
    .confirmation-modal__cancel-button:active,
    .confirmation-modal__cancel-button:focus,
    .confirmation-modal__cancel-button:hover,
    .confirmation-modal__secondary-button:active,
    .confirmation-modal__secondary-button:focus,
    .confirmation-modal__secondary-button:hover,
    .mute-modal__cancel-button:active,
    .mute-modal__cancel-button:focus,
    .mute-modal__cancel-button:hover,
    .reply-indicator__header > .account.small,
    .reply-indicator__content p,
    .reply-indicator__content pre,
button.reply-indicator__cancel.icon-button.inverted,
    .trends__item__name {
color: #dbe8e0 !important;
    }
    .columns-area__panels__main {
max-width: 750px !important;
    }
    .drawer__inner,
    .drawer__inner__mastodon,
    .column-header__collapsible-inner,
    .column-header__button.active,
    .search__input:focus,
    .flash-message {
background-color: #2a3738 !important;
    }
    .notification__line,
    .status__line {
border-color: #2a3738 !important;
    }
    .account__action-bar__tab.active {
border-inline-start: 1px solid #2a3738 !important;
    }
    .column-header,
    .column-header__button,
    .column-header__back-button,
    .detailed-status,
    .detailed-status__action-bar,
    .drawer__header,
    .pillbar-button:not([disabled]).active:focus,
    .pillbar-button:not([disabled]).active:hover,
    .block-modal__action-bar,
    .boost-modal__action-bar,
    .confirmation-modal__action-bar,
    .doodle-modal__action-bar,
    .mute-modal__action-bar,
    .load-more:hover,
    .focusable:focus,
    .status-card__image,
    .status-card__content:hover,
a.status-card.compact:hover,
a.status-card:hover,
    .account__header__bar,
    .column-inline-form,
    .column-back-button,
    .conversation--unread,
    .admin-wrapper .sidebar-wrapper__inner,
    .batch-table__toolbar,
    .batch-table__row:nth-child(2n),
    .table > thead > tr > th,
    .applications-list__item,
    .filters-list__item,
    .column-link,
    .about__meta,
    .about__section__title,
    .about__domain-blocks,
body.lighter,
    .scrollable .account-card,
    .search-results__header,
    .log-entry,
    .reply-indicator,
    .status.status-direct {
background-color: #2a3738 !important;
    }
    .notification-follow,
    .notification-follow-request,
    .status,
    .account__section-headline,
    .notification__filter-bar,
    .status-card.compact,
    .account__header__bar,
    .account__action-bar,
    .status.status-direct,
    .conversation,
    .admin-wrapper .content h4,
    .batch-table__toolbar,
    .batch-table__row,
    .table td,
    .table th,
    .applications-list__item,
    .filters-list__item,
a.button.button-tertiary,
    .rules-list li,
    .about__domain-blocks__domain,
    .about__domain-blocks,
    .about__section__body,
    .compose-panel hr,
    .navigation-panel hr,
    .filters .filter-subset a:hover {
border-color: #2e3c3d !important;
    }
    .dismissable-banner__action .icon-button,
    .warning-banner__action .icon-button,
    .status__content a.unhandled-link,
    .notification__message .fa,
    .icon-button.active,
    .icon-button.inverted.active,
    .text-icon-button.active,
    .dropdown-menu__item--dangerous,
    .switch-to-advanced .switch-to-advanced__toggle,
    .column-link--transparent.active,
    .empty-column-indicator a,
    .follow_requests-unlocked_explanation a,
    .column-back-button,
    .compose-form__warning a,
    .reply-indicator__content a,
a.mention.hashtag,
    .prose a,
    .simple_form .input.boolean label a,
    .account__header__bio .account__header__fields a,
    .back-link a,
    .link-button {
color: #64b7d7 !important;
    }
    .react-toggle--checked .react-toggle-track,
    .notification__filter-bar a.active::before,
    .notification__filter-bar button.active::before,
    .privacy-dropdown__option.active,
    .privacy-dropdown__option:hover,
    .language-dropdown__dropdown__results__item.active,
button.button,
    .compose-form__poll-wrapper .button.button-secondary,
    .dismissable-banner__message__actions .button,
    .warning-banner__message__actions .button,
    .emoji-mart-anchor-bar,
    .icon-with-badge__badge,
    .conversation__unread,
    .radio-button__input.checked,
    .simple_form .block-button,
    .simple_form .button,
    .simple_form button,
    .admin-wrapper .sidebar ul .simple-navigation-active-leaf a,
    .admin-wrapper .content__heading__tabs a.selected,
a.button,
a.button.button--block.button-secondary,
    .progress-tracker .completed .circle,
    .search__popout__menu__item.selected,
    .search__popout__menu__item:active,
    .search__popout__menu__item:focus,
    .search__popout__menu__item:hover,
    .dimension__item__indicator,
    .retention__table__box--100,
    .dashboard__quick-access,
    .account__section-headline a.active::before {
background-color: #d78758 !important;
    }
    .server-banner a.button.button--block.button-secondary {
border-color: #d78758 !important;
    }
button.button.mute-modal__cancel-button,
    .block-modal__cancel-button,
    .confirmation-modal__cancel-button,
    .confirmation-modal__secondary-button,
    .mute-modal__cancel-button,
    .dismissable-banner__message .button-tertiary,
    .warning-banner__message .button-tertiary,
    .column-link--transparent,
    .switch-to-advanced,
button.button.confirmation-modal__cancel-button,
a.button.button-tertiary,
    .button.button-tertiary.button--confirmation,
    .button.button-tertiary.button--destructive {
background-color: transparent !important;
    }
    .scrollable .account-card__bio::after {
background: none !important;
    }
    .react-toggle--checked:is(:hover, :focus-within):not(.react-toggle--disabled) .react-toggle-track,
    .privacy-dropdown__option.active:hover,
    .language-dropdown__dropdown__results__item.active:hover,
    .button:active,
    .button:focus,
    .button:hover,
    .compose-form__poll-wrapper .button.button-secondary.active,
    .compose-form__poll-wrapper .button.button-secondary:focus,
    .compose-form__poll-wrapper .button.button-secondary:hover,
    .simple_form .block-button:active,
    .simple_form .block-button:focus,
    .simple_form .block-button:hover,
    .simple_form .button:active,
    .simple_form .button:focus,
    .simple_form .button:hover,
    .simple_form button:active,
    .simple_form button:focus,
    .simple_form button:hover,
    .admin-wrapper .content__heading__tabs a:active,
    .admin-wrapper .content__heading__tabs a:focus,
a.button:hover,
a.button.button--block.button-secondary:hover,
    .progress-tracker .active .circle::before,
    .progress-tracker .separator,
    .dashboard__quick-access:active,
    .dashboard__quick-access:focus,
    .dashboard__quick-access:hover,
    .dropdown-menu__item a:hover,
    .compose-form__sensitive-button .checkbox.active,
    .account__section-headline button.active::before,
    .status__content .status__content__spoiler-link,
    .rules-list li::before {
background-color: #64b7d7 !important;
color: #ffffff;
    }
    .status__content .status__content__spoiler-link:focus,
    .status__content .status__content__spoiler-link:hover {
background-color: #64b7d7 !important;
opacity: 85% !important;
    }
    .compose-form__poll-wrapper .button.button-secondary.active,
    .compose-form__poll-wrapper .button.button-secondary:focus,
    .compose-form__poll-wrapper .button.button-secondary:hover,
    .compose-form__poll-wrapper .poll__footer button:focus,
    .compose-form__poll-wrapper .poll__footer select:focus,
    .dismissable-banner__message .button-tertiary,
    .warning-banner__message .button-tertiary,
    .progress-tracker .active .circle,
    .progress-tracker .circle,
    .server-banner a.button.button--block.button-secondary:hover {
border-color: #64b7d7 !important;
    }
    .dismissable-banner__message .button-tertiary,
    .warning-banner__message .button-tertiary,
    .emoji-mart-anchor:hover,
    .column-header.active .column-header__icon,
    .filters .filter-subset a.selected,
    .admin-wrapper .content .muted-hint a,
body .muted-hint a,
    .emoji-mart-anchor-selected {
color: #d78758 !important;
    }
    .trends__item__sparkline path:last-child {
stroke: #d78758 !important;
    }
    .trends__item__sparkline path:first-child {
fill: rgba(240, 155, 104, 0.3) !important;
    }
    .column-header__wrapper.active {
box-shadow: 0 1px 0 rgba(240, 155, 104, 0.3);
    }
    .column-header__wrapper.active::before {
background: radial-gradient(ellipse, rgba(240, 155, 104, 0.3) 0, rgba(240, 155, 104, 0)60%) !important;
    }
    .icon-button:focus {
background-color: rgba(240, 155, 104, 0.3) !important;
    }
    .compose-form__buttons .icon-button,
    .compose-form__buttons .text-icon-button,
    .icon-button.inverted,
    .admin-wrapper .content__heading__tabs a:active,
    .admin-wrapper .content__heading__tabs a:focus,
    .dropdown-menu__item a:hover,
    .icon-button span {
color: #222222 !important;
    }
    .column > .scrollable,
    .drawer__header a:focus,
    .drawer__header a:hover,
    .column-subheading,
    .search__input,
    .pillbar-button:not([disabled]).active,
    .actions-modal,
    .block-modal,
    .boost-modal,
    .compare-history-modal,
    .confirmation-modal,
    .doodle-modal,
    .mute-modal,
    .report-modal,
    .dropdown-menu,
    .search__popout,
    .empty-column-indicator,
    .follow_requests-unlocked_explanation,
    .admin-wrapper .content,
    .admin-wrapper .sidebar-wrapper,
    .admin-wrapper .sidebar ul ul,
body.admin,
    .batch-table__row,
    .table td,
    .table th,
    .error-column,
    .about__domain-blocks__domain:nth-child(2n),
    .search-results__section__header,
    .account-memorial-banner,
    .follow-request-banner,
    .moved-account-banner {
background-color: #1f2a2b !important;
    }
    .permissions-list__item {
border-color: #1f2a2b !important;
    }
    .actions-modal,
    .block-modal,
    .boost-modal,
    .compare-history-modal,
    .confirmation-modal,
    .doodle-modal,
    .mute-modal,
    .report-modal,
    .block-modal .setting-toggle__label,
    .mute-modal .setting-toggle__label,
    .status.light .display-name strong,
    .status.light .status__content,
    .status.light .status__relative-time,
    .actions-modal .status__visibility-icon,
    .block-modal .status__visibility-icon,
    .boost-modal .status__visibility-icon,
    .compare-history-modal .status__visibility-icon,
    .confirmation-modal .status__visibility-icon,
    .doodle-modal .status__visibility-icon,
    .mute-modal .status__visibility-icon,
    .report-modal .status__visibility-icon,
    .boost-modal__action-bar .icon-button.inverted,
    .compose-form__poll-wrapper .button.button-secondary,
    .admin-wrapper .content__heading__tabs a.selected,
    .admin-wrapper .sidebar ul .simple-navigation-active-leaf a,
    .column-link:hover,
    .compose-form__warning,
    .about__section__title,
    .announcements-list__item__title,
    .filters-list__item__title,
    .about__domain-blocks__domain h6,
    .account__header__fields dd {
color: #F0F0F4 !important;
    }
    .dismissable-banner,
    .warning-banner {
background-color: rgba(100, 183, 215, 0.3);
border-color: #64b7d7 !important;
    }
    .setting-text:active,
    .setting-text:focus,
    .poll__option input[type="text"]:focus,
    .compose-form__poll-wrapper .button.button-secondary,
    .account__action-bar__tab.active,
    .radio-button__input.checked,
    .filters .filter-subset a.selected,
a.button.button--block.button-secondary,
    .progress-tracker .completed .circle,
    .simple_form input[type="datetime-local"]:active,
    .simple_form input[type="datetime-local"]:focus,
    .simple_form input[type="email"]:active,
    .simple_form input[type="email"]:focus,
    .simple_form input[type="number"]:active,
    .simple_form input[type="number"]:focus,
    .simple_form input[type="password"]:active,
    .simple_form input[type="password"]:focus,
    .simple_form input[type="text"]:active,
    .simple_form input[type="text"]:focus,
    .simple_form input[type="url"]:active,
    .simple_form input[type="url"]:focus,
    .simple_form textarea:active,
    .simple_form textarea:focus,
    .compose-form__sensitive-button .checkbox.active,
    .notification.unread::before,
    .status.unread::before {
border-color: #d78758 !important;
    }
    .setting-text {
border-color: #b2c2b8 !important;
    }
    .button:disabled {
background-color: #b2c2b8 !important;
    }
    .placeholder-widget {
/* I hate that stupid box that says to pin users to your profile so I hid it */
display: none !important;
    }
    .status__content .emojione,
    .reply-indicator__content .emojione,
    .status__content .emojione,
    .emojione,
    .emoji-mart-category .emoji-mart-emoji span,
button.emoji-mart-emoji.emoji-mart-emoji-custom img {
width: 28px !important;
height: 28px !important;
padding: 1px !important;
    }

.user-role-3 {
  --user-role-accent: #4d22b3;
}

.user-role-1 {
  --user-role-accent: #000000;
}