@media (prefers-color-scheme: dark) {
  .inst-status-active {
    background-color: #4f8009;
  }

  body {
    color: #eee;
  }

  .content-wrapper {
    background: #150e0e;
  }

  .block-wrapper {
    box-shadow: 5px 5px 122px #133B30;
  }

  .leftnav {
    background-color: #271F29;
  }

  .pagecontent a,
  .block a,
  button.button-link {
    color: var(--main-light);
  }

  .dashboard-block {
    filter: brightness(90%) saturate(0.8);
  }

  .inst-stat {
    filter: brightness(90%) saturate(0.9);
  }

  .inst-stat-dns a {
    font-size: 0.9em;
    font-weight: bold;
    align-self: start;
    padding-left: .4em;
  }

  .pure-button,
  a.pure-button {
    background: #555;
    color: #fff;
  }

  .pure-button-primary,
  .pure-button-selected,
  a.pure-button-primary,
  a.pure-button-selected {
    background-color: var(--main-dark);
    color: #fff;
  }

  .inst-list-status,
  .inst-view-status {
    color: #ddd;
  }

  .notice-error {
    background: #423;
  }

  .pure-form-message {
    color: #ccc;
  }

  .pure-form input[type="password"],
  .pure-form input[type="email"],
  .pure-form input[type="url"],
  .pure-form input[type="date"],
  .pure-form input[type="month"],
  .pure-form input[type="time"],
  .pure-form input[type="datetime"],
  .pure-form input[type="datetime-local"],
  .pure-form input[type="week"],
  .pure-form input[type="tel"],
  .pure-form input[type="color"],
  .pure-form input[type="number"],
  .pure-form input[type="search"],
  .pure-form input[type="text"],
  .pure-form select,
  .pure-form textarea,
  .dataTable-input,
  .dataTable-selector {
    background: #ccc;
    box-shadow: inset 0 1px 3px #777;
    border: 1px solid #555;
  }

  .pure-form .pure-help-inline,
  .pure-form-message-inline {
    color: #bbb;
  }

  .pure-form-message.form-error {
    color: #f77;
  }

  .dataTable-wrapper.no-footer .dataTable-container {
    border-color: #888;
    border-bottom: 0 !important;
  }

  .pure-table thead {
    background: #aaa;
  }

  .pure-table td,
  .pure-table th {
    border-color: #888;
  }

  .pure-table-even td,
  .pure-table-striped tr:nth-child(2n) td {
    background-color: #222;
  }

  .pure-table-odd td,
  .pure-table-striped tr:nth-child(2n-1) td {
    background-color: #333;
  }

  .kb-question-body {
    border-color: #444;
  }

  .ticket-message-by-staff {
    background: #445;
  }

  .grid-item {
    color: white;
  }

  /* we dont have any dark theme for ace rn */
  .jsoneditor {
    background-color: #fff;
    filter: invert(0.85) saturate(0.83) contrast(1.1);
  }

  .jsoneditor-menu>.jsoneditor-modes>button:disabled,
  .jsoneditor-menu>button:disabled {
    opacity: 1 !important;
  }


}