/* Turn off colors for stream icons. */
.stream-privacy {
  color: #7f807f !important;
}

/* Turn off border radius. */
*,
*::before,
*::after {
  border-radius: 0 !important;
}

/* Turn off border-radius for the compose stream selector. */
.compose_table #compose-recipient.compose-recipient-direct-selected #compose_select_recipient_widget {
  border-radius: 0 !important;
}

/* Background color for compose block. */
#compose-content {
  background-color: #efebeb !important;
}

/* Background color for send button. */
#message-send-controls-container {
  filter: grayscale(1);
}

/* Recent conversations hover item. */
.recent_view_container #recent_view_table tr:hover {
  background-color: hsl(0, 0%, 85%) !important;
}

/* Add border to avatars in recent conversations. */
.recent_view_participant_avatar {
  outline: 2px solid #e0e0e0;
  outline-offset: -2px;
}

/* Color for stream names and topics in recent conversations. */
.table.table-responsive a {
  color: #212121 !important;
}

/* Color for focus indicator. */
.recent_view_container #recent_view_table .recent_view_focusable:focus-within {
  box-shadow: 0 3px 0 #212121 !important;
}

/* Color for sidebar active item. */
li.active-filter, li.active-sub-filter {
  background-color: hsl(0, 0%, 85%) !important;
}

/* Color for sidebar hovered item. */
.bottom_left_row:not(.active-sub-filter):hover, .top_left_row:not(.active-sub-filter):hover {
  background-color: hsl(0, 0%, 85%) !important;
}

/* Hide "Subscribe to more streams". */
#subscribe-to-more-streams > a {
  opacity: 0;
}

/* Dim logo. */
#realm-logo {
  filter: grayscale(1);
  opacity: 0.6;
}

/* Hide toolbar buttons. */
#help-menu,
#searchbox_form,
#userlist-toggle,
#settings-dropdown {
  opacity: 0 !important;
}
#help-menu:hover,
#searchbox_form:hover,
#searchbox_form:focus-within,
#userlist-toggle:hover,
#settings-dropdown:hover {
  opacity: 1 !important;
}
