.column, .column > .scrollable, .drawer.mbstobon-1 > .contents {
    background-color: #000;
    background: #000 !important;
}

.item-list, .scrollable {
    background-color: #000;
}

.status__content {
    background-color: #000;
    color: #0f0;
    font-size: 16px !important;
}

a.status-link:not(.mention) {
  text-decoration: underline;
}

.compose-form__publish-button-wrapper button, .button[href = "/publish"] {
  text-indent: -9999px;
  line-height: 0; /* Collapse the original line */
}

.compose-form__publish-button-wrapper button:after, .button[href = "/publish"]:after {
  content:'Toot!'; 
  text-indent: 0;
  display: block;
  line-height: initial; /* New content takes up original line height */
}

.status.status-direct, .status.status-direct.status-reply {
  background-color: darkblue;
}

.display-name__account {
  color: #f93;
}

@media (prefers-color-scheme: light) {
  .status__content {
      background-color: #ddd;
      color: #0c0;
  }

  .display-name__html {
    color: #000;
  }

  .display-name__account {
    color: #f93;
  }

  .column, .column > .scrollable, .drawer.mbstobon-1 > .contents {
    background-color: #ddd;
    background: #ddd !important;
  }

  .item-list, .scrollable {
    background-color: #ddd;
  }
}