nyastodon/app/javascript/flavours/glitch/styles/homogay/diff.scss

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

// 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,
.compose-form__warning,
.spoiler-input input,
.compose-form__modifiers,
.reply-indicator {
  background: lighten($ui-base-color, 4%);
  color: $primary-text-color;
}
.compose-form .autosuggest-textarea label .autosuggest-textarea__textarea {
  border-top-left-radius: $border-radius;
  border-top-right-radius: $border-radius;
}
.compose-form__buttons-wrapper {
  border-bottom-left-radius: $border-radius;
  border-bottom-right-radius: $border-radius;
}
.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;
}
.autosuggest-textarea__suggestions {
  background: lighten($ui-base-color, 4%);
}
.autosuggest-textarea__suggestions__item.selected,
.autosuggest-textarea__suggestions__item:hover {
  background: $ui-highlight-color;
}

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

.search__input {
  background: lighten($ui-base-color, 4%);
}

// 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;
}
.boost-modal__action-bar,
.doodle-modal__action-bar,
.confirmation-modal__action-bar,
.mute-modal__action-bar,
.block-modal__action-bar {
  background: lighten($ui-base-color, 5%);
}
.confirmation-modal__secondary-button,
.confirmation-modal__cancel-button,
.mute-modal__cancel-button,
.block-modal__cancel-button {
  color: $primary-text-color;
  &:hover {
    color: $ui-highlight-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, 4%);
}
.glitch.local-settings__navigation__item {
  border-bottom-color: $ui-base-lighter-color;
}

// border radius
.button,
.dropdown-menu,
.account__avatar,
.search__input,
.spoiler-input input,
.status-card,
.language-dropdown__dropdown,
.privacy-dropdown__dropdown,
.poll__option input[type="text"],
.compose-form__poll-wrapper select,
.account__header__tabs__buttons .icon-button,
.emoji-picker-dropdown__menu,
.emoji-mart-search input,
.boost-modal,
.report-modal,
.block-modal,
.confirmation-modal,
.actions-modal,
.mute-modal,
.compare-history-modal {
  border-radius: $border-radius;
}
.dropdown-menu {
  padding-top: $border-radius;
  padding-bottom: $border-radius;
}
.emoji-mart-scroll {
  margin-bottom: $border-radius;
  padding-bottom: 0;
}
.column-header {
  border-top-left-radius: $border-radius;
  border-top-right-radius: $border-radius;
}
.column > .scrollable {
  border-bottom-left-radius: $border-radius;
  border-bottom-right-radius: $border-radius;
}

// timed line
.status {
  border-bottom: 0; // no separators between posts
}
.media-gallery__item.letterbox {
  background: none; // remove the black background from letterbox images
}

@import 'animations';