owncast/web/styles/markdown-editor.scss

// markdown editor overrides

.rc-virtual-list-scrollbar {
  display: block !important;
}
.rc-md-editor {
  border-color: var(--black) !important;
  border: 1px solid var(--black);
  background-color: var(--black) !important;
  .rc-md-navigation {
    background-color: var(--black);
    border-color: var(--black);
  }
  // Set the background color of the preview container
  .editor-container {
    p {
      color: var(--black-75);
    }
    background-color: rgba(226,232,240, 1) !important;

    .sec-html {
      background-color: white;

      pre,code {
        background-color: #eee;
        color: #900;
      }
    }

  }

  // Custom CSS for formatting the preview text
  .markdown-editor-preview-pane {
    a {
      color: var(--owncast-purple);
    }
    h1 {
      font-size: 2em;
    }
  }

  // Custom CSS class used to format the text of the editor
  .markdown-editor-pane {
    color: rgba(255,255,255,.85) !important;
    border-color: black  !important;
    background-color: black;
    font-family: monospace;
  }



  // Set the background color of the editor text input
  textarea {
    background-color: var(--gray) !important;
    color: rgba(255,255,255,.5)  !important;
    overflow: auto;
  }


  // Hide extra toolbar buttons.
  .button-type-undo, .button-type-redo, .button-type-clear, .button-type-image, .button-type-wrap, .button-type-quote, .button-type-strikethrough, .button-type-code-inline, .button-type-code-block {
    display: none !important;
  }
}