body {
  background: darken($ui-base-color, 3%);
}

// hashtags in primary color
.status__content a {
  color: $highlight-text-color;
}

// compose panel
.compose-panel .autosuggest-textarea label .autosuggest-textarea__textarea,
.compose-form .autosuggest-input label .autosuggest-textarea__textarea,
.compose-form__buttons-wrapper,
.spoiler-input input,
.compose-form__modifiers,
.reply-indicator {
  background: $ui-base-color;
  color: $primary-text-color;
}
.compose-panel .compose-form__autosuggest-wrapper {
  background-color: #fff0; // transparent background so it doesn't mess with border-radius
}
.poll__option input[type="text"],
.compose-form__poll-wrapper select {
  border-color: $ui-base-lighter-color;
}

.emoji-mart-bar:first-child {
  background: lighten($ui-base-color, 7%);
  border-bottom-color: #fff0;
}
.emoji-mart-anchor:not(.emoji-mart-anchor-selected) {
  color: $ui-base-lighter-color;
}

// dropdowns
.dropdown-menu,
.dropdown-menu__item a,
.dropdown-menu__item button {
  background: $ui-base-lighter-color;
}
.dropdown-menu__arrow.top {
  border-top-color: $ui-base-lighter-color;
}
.dropdown-menu__arrow.bottom {
  border-bottom-color: $ui-base-lighter-color;
}

// general modals
.modal-root__modal {
  background: $ui-base-color;
}
.report-modal__container {
  border-top-color: $ui-base-lighter-color;
}
.report-modal__comment {
  border-right-color: $ui-base-lighter-color;
}
.report-modal__comment .setting-text {
  background: $ui-base-color;
}

// app settings modal
.glitch.local-settings {
  background: $ui-base-color;
}
.glitch.local-settings__navigation,
.glitch.local-settings__navigation__item {
  background: lighten($ui-base-color, 5%);
}
.glitch.local-settings__navigation__item {
  border-bottom-color: $ui-base-lighter-color;
}