.p-board_proto__input__menu,
.p-board__input__menu {
  color: $text;
}

.p-board_proto__title--editing,
.p-board__title--editing {
  background: $contrast;
}

.p-board_proto__title__edit_btn,
.p-board__title__edit_btn {
  color: $accent2;
}

.p-board_proto__row__gutter__hover_item,
.p-board__row__gutter__hover_item {
  color: $primaryT;

  &:hover {
    color: $primary;
  }
}

.p-board_proto__info,
.p-board__info {
  color: $fg;
  background-color: $bg2;
}

.p-board_proto__input--checked,
.p-board__input--checked {
  color: $primary;
}

.p-board_proto__placeholder,
.p-board__placeholder {
  background-color: $bg2;
}

.p-board_proto__item--selected,
.p-board__item--selected {
  background-color: $selectBg;
  color: $selectFg;
}

.p-board_proto__card__container,
.p-board__card__container {
  &:focus {
    color: $primary;
    box-shadow:
      0 0 0 1px $primary,
      0 0 0 5px $primaryT;
  }
}

.p-board_proto__card__container__menu_btn,
.p-board__card__container__menu_btn {
  background-color: $button;
  border: 1px solid $button;
}

.p-board_proto__card,
.p-board__card {
  background-color: $bg2;
  @include card;
}

.p-board_proto__card__overflow_footer,
.p-board__card__overflow_footer {
  background: $notif;
}

.p-board_proto__card__message__channel,
.p-board__card__message__channel {
  color: $primary;
}

.p-board_proto__card__preview,
.p-board__card__preview {
  background-color: $bg2;
}

.p-board_proto__card__content,
.p-board__card__content {
  border-top: 1px solid $borderLight;
}

.p-board_proto__card__content__title,
.p-board__card__content__title {
  color: $fg;
}

.p-board_proto__card__content__author,
.p-board__card__content__author {
  color: $primary;
}

.p-board_proto__row__gutter__hover_item,
.p-board__row__gutter__hover_item {
  color: $fg;

  &:hover {
    color: $selectFg;
  }
}

.p-board_proto__tweet-card,
.p-board__tweet-card {
  color: $fg;

  &:active,
  &:focus,
  &:hover {
    color: $selectFg;
  }
}

.p-board_proto__tweet-card__header__meta__author__subname,
.p-board__tweet-card__header__meta__author__subname {
  color: $text;
}

.p-board_proto__tweet-card__header__meta__subheader,
.p-board__tweet-card__header__meta__subheader {
  color: $text;

  .c-icon {
    color: $accent;
  }
}

.p-board_proto__card__content__member_title,
.p-board__card__content__member_title {
  color: $accent2;
}

.p-board_proto__card__preview__mock_file,
.p-board__card__preview__mock_file {
  background-color: $bg;
  box-shadow:
    inset 5px 7px 0 7px $hl,
    inset -5px 7px 0 7px $hl;
}

.p-board_proto__card__preview__mock_file__line,
.p-board__card__preview__mock_file__line {
  background-color: $bg2;
}

.p-board_proto__templates,
.p-board__templates {
  .p-board_proto__template_option,
  .p-board__template_option {
    border: 1px solid $borderLight;
  }

  .p-board_proto__template_icon,
  .p-board__template_icon {
    color: $bg;
  }
}

.p-board_flexpane__subtitle {
  color: $text;
}

.p-board__editable_text__icon_btn {
  color: $accent;
}

.p-board__editable_text--editing {
  background-color: $contrast;
}

.p-board__editable_text--untitled:not(.p-board__editable_text--editing) {
  color: $disabled;
}

.p-board__empty {
  border: 1px dashed $borderLight;
}

.p-board__empty__subtitle {
  color: $disabled;
}

.p-base_card_new,
.p-base_card {
  background-color: $bg;
  border: 1px solid $borderLight;

  &:active,
  &:focus,
  &:hover {
    color: $fg;
  }
}

.p-card_preview,
.p-base_card__preview {
  background-color: $bg2;
}

.p-card_content,
.p-base_card__content {
  border-top: 1px solid $borderLight;
}

.p-card_content__title,
.p-base_card__content__title {
  color: $fg;
}

.p-card_content__subtitle_wrapper,
.p-base_card__content__subtitle {
  color: $text;
}

.p-board__empty--file-drop-hover {
  border: 2px solid $primary;
  color: $primary;
}

.p-board__empty__file_drop_icon {
  background-color: $excluded;
}

.p-board-selected-items-pill {
  color: $selectFg;
  background: $hl;
}

.p-board-selected-items-pill__button {
  background: $button;

  &:hover {
    background: $hl;
  }

  &:first-child {
    border-right: 1px solid $borderLight;
  }
}

.p-board-selectable-item__select-button .c-icon {
  background: $bg;
  color: $text;
}

.p-board-selectable-item--selected .p-board-selectable-item__select-button .c-icon {
  color: $primary;
}

.p-board-selectable-item--hovered .p-board-selectable-item__item {
  border: 4px solid $borderLight;
}

.p-board-selectable-item--selected .p-board-selectable-item__item {
  border: 4px solid $primary;
}

.p-board-item__button--delete {
  &.c-button--outline:hover {
    box-shadow: none;
    background: $bg;
  }
}

.p-board_dragIndicator {
  background-color: $active;
}

.p-unfurl_card {
  color: $fg;

  &:active,
  &:focus,
  &:hover {
    color: $fg;
  }
}

.p-message_card {
  color: $fg;
  background-color: $bg;
  border: 1px solid $border;
  @include card;
}

.p-message_card__channel {
  color: $text;
}

.p-message_card__overflow_footer {
  background: $bg;
}

.p-board__group--empty {
  background-color: $contrast;
  border: 1px dashed $borderLight;
}

.p-board__group__instructions {
  color: $text;
}

.p-board__group--empty.drop-hover {
  border: 2px solid $primary;
  color: $primary;
}

.p-board-selectable-item__select-button {
  .c-icon {
    background: $bg;
    color: $primary;
  }
}

.p-board-selectable-item__delete-button {
  &.c-button--outline:hover {
    background: $bg;
  }
}

.p-board-selectable-item--selected {
  .p-board-selectable-item__item {
    border: 3px solid $primary;
  }
}

.p-board-selectable-item--is-dragging {
  .p-base_card_new,
  .p-base_card,
  .p-message_card {
    background: $bg2;
  }
}

.p-ia__view_header__button__board--selected {
  color: $fg;
  background: $borderLight;

  &.p-ia__view_header__button:hover {
    background: $borderLight;
  }
}

.p-board_view {
  border-top: 1px solid $border;
}

.p-board_view__column_header {
  background: $contrast;
}

.p-board_view__column_list_item {
  background: $bg;
  box-shadow: 0 0 0 1px $border;

  &:hover {
    background-color: $bg2;
  }

  &:focus {
    background-color: $active;
  }
}

.p-board_view__column_list_item--dragging {
  background-color: $tree;
  box-shadow:
    0 0 0 1px $border,
    0 4px 12px 0 #00000014;
}

.p-board_view__list_footer.p-list_detail__footer {
  background: $bg2;
}
