Mastodon Theme: Purplish

.drawer--account, .compose-form {
    background:white;
}

.column-back-button, .column-header {
  background: #f9bac5;
}

.column-header__button {
  background: transparent;

}

.detailed-status__action-bar, .detailed-status {
    background: #eff7ff;

}

.detailed-status__wrapper .detailed-status__action-bar,
.focusable:focus .detailed-status,
.detailed-status__action-bar,
{
    background: #eff7ff;

}

.focusable:focus {
  background: #eff7ff;
  box-shadow: 0px 0px 20px 12px #7c7a7a7a;
  transition: .25s all;
  z-index: 1;
}

.status.status-public.focusable:has( button.status__action-bar-button.star-icon.icon-button.active) {
  background: #ffffbb;
  transition: 0.25s all;

}

.status__wrapper-reply.focusable {
  background: #f7fff3;
}

.account__section-headline button, .notification__filter-bar button,
.account__header__bar,
.explore__search-header {
  background: #dcedff;
}

.account__section-headline, .notification__filter-bar {
  background: #cfe6ff;
  border-bottom: 1px solid #a4b6c6;
}

.account__header .account__header__fields dd, .public-account-bio .account__header__fields dd, .drawer__inner, .drawer__inner__mastodon {
  background-color: white;
}

.search__input {
    border-radius: 15px;
}

.search__input:active,
.search__input:focus {
    background-color: white;
}

.dismissable-banner {
  background: #ffffcd;
  border-bottom: 1px solid #cdcd00;
}

@media screen and (max-width: 1174px){
    .column-back-button, .column-header {
        background: transparent;
    }
    .columns-area__panels__pane--navigational .navigation-panel {
      background: #e2a5ff;
      border-left: 1px solid #c0cdd9;
    }
    .columns-area__panels__pane--navigational .column-link__icon {
      color: ##fffe9e;
    }

    .tabs-bar__wrapper {
      background: #e3caff7d;
      backdrop-filter: blur(10px);
    }

    .ui__header {
      background: #e2a5ff;
      border-bottom: 1px solid #c0cdd9;
    }

    .ui, .columns-area {
      background: white;
    }

    .column-link--transparent {
      background: transparent;
      color: yellow;
    }

    .column-link--transparent.active {
      color: #000000;
      background: yellow;
      border: 1px solid yellow;
      transition: .25s all;
    }
}