Circle CSS Dark Mode

@media (prefers-color-scheme: dark) {
  body {
    background: #111 !important;
  }

  #panel, #mainHeader {
    background-color: #111 !important;
    border-bottom: none !important;
  }

  .block-header__title {
    color: white !important;
  }

  .header__search form input {
    background: #000 !important;
  }

  .main__header {
    background: #191c21 !important;
    box-shadow: none !important;
  }

  .header__nav {
    border: none !important;
  }

  .main__header .header__name h1 {
    color: white !important;
  }

  .post {
    background: #191c21 !important;
    box-shadow: none !important;
  }

  .post h2 a {
    color: #acacac !important;
  }

  .post__bio .author__name a {
    color: #acacac !important;
  }

  .author__credentials {
    color: #acacac !important;
  }

  .trix-content {
    color: white !important;
  }

  .post__post {
    background: #191c21 !important;
  }

  .post__actions {
    background: #191c21 !important;
    border: none !important;
  }

  .post__comments {
    border: none !important;
  }

  .post__reply {
    background: none !important;
    border: none !important;
  }

  .form-content {
    background: #191c21 !important;
    box-shadow: none !important;
  }

  .standard-layout .form-wrapper .form-content h1 {
    color: white !important;
  }

  .form-group label {
    color: #acacac !important;
  }

  a.block-toggle {
    color: #acacac !important;
  }

  .manage-members__search form input {
    background: black !important;
  }

  .btn-secondary--dropdown {
    background: black !important;
    border: none !important;
    color: #acacac !important;
  }

  .table-wrapper {
    background: #191c21 !important;
    box-shadow: none !important;
  }

  .member__gated {
    background: #191c21 !important;
  }

  .member__gated p {
    color: white !important;
  }

  /* Space Groups */
  .nav-filters__search input {
    background: black !important;
  }

  .space-card {
    background: #191c21 !important;
    box-shadow: none !important;
  }

  .title-name {
    color: #acacac !important;
  }

  .btn-secondary {
    background: #111 !important;
    border: none !important;
    color: #acacac !important;
  }

  .member-card__inside {
    background: #191c21 !important;
    box-shadow: none !important;
  }

  .member-card .user__name {
    color: #acacac !important;
  }

  /* Spaces */
  .space__gated {
    background: #191c21 !important;
    box-shadow: none !important;
  }

  .space__gated p {
    color: white !important;
  }

  /* Messaging */
  .chat-room__grid {
    background: #191c21 !important;
    box-shadow: none !important;
  }

  .chat-room__sidebar {
    border: none !important;
  }

  .chat-room__main {
    border: none !important;
  }

  .chat-room__header {
    border: none !important;
  }

  .chat-room__name {
    color: white !important;
  }

  .chat-room__header h4 {
    color: white !important;
  }

  .chat-room__header-name a {
    color: #acacac !important;
  }

  .chat-room__row {
    background: #191c21 !important;
  }

  .chat-room__body {
    background: #111 !important;
  }

  /* Profile Page */
  .member__name h4 {
    color: #acacac !important;
  }

  .member__bio {
    color: #acacac !important;
    border: none !important;
  }

  .profile-comment {
    box-shadow: none !important;
  }

  .profile-comment__content {
    background: #191c21 !important;
  }

  .profile-comment__post {
    color: white !important;
  }
}