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