:root {
    --background-color: #17191f;
}

/* Background color */

.tabs-bar__wrapper .column-header, .columns-area .scrollable {
    background-color: var(--background-color);
}

/* Add spacing */

.columns-area__panels {
    gap: 1vw;
}

@media screen and (max-width: 1174px) {
  .columns-area__panels {
    gap: 0;
  }
}

/* Set font */
body {
    font-family: 'Noto Sans';
}

/* Compose text area dark mode */

.compose-form .autosuggest-textarea__textarea, .compose-form__autosuggest-wrapper, .compose-form__modifiers, .compose-form__buttons-wrapper {
    background-color: #282c37 !important;
    color: #fff;
}

.compose-form .autosuggest-textarea__textarea::placeholder {
    color: #a8b9cf;
}

/* Change button from "Publish!" to "Toot!" */

.compose-form button[type="submit"]::after {
    font-size: 1rem;
    content: "Toot!";
}

.compose-form button[type="submit"] {
    font-size: 0px;
}