userstyles/css/tildes-dracula/tildes-dracula.user.css

/* ==UserStyle==
@name        Tildes Dracula
@namespace   tildes.net
@version     1.0.2
@author      Bauke
@description Dracula theme for Tildes.net
@homepageURL https://gitlab.com/Bauke/styles
@supportURL  https://gitlab.com/Bauke/styles/issues
@license     MIT
==/UserStyle== */
@-moz-document domain('tildes.net') {
  .date-info {
    color: #f8f8f2 !important
  }

  .btn {
    border-color: #8be9fd !important;
    color: #8be9fd !important
  }

  .btn:hover {
    border-color: #bd93f9 !important;
    background: none !important;
    color: #bd93f9 !important
  }

  .btn-primary {
    border-color: #8be9fd !important;
    background: #8be9fd !important;
    color: #6272a4 !important
  }

  .btn-primary:hover {
    border-color: #6272a4 !important;
    background: #6272a4 !important;
    color: #f8f8f2 !important
  }

  .btn-used {
    border-color: #ff79c6 !important;
    color: #ff79c6 !important
  }

  .btn-used:hover {
    border-color: #ff79c6 !important;
    background: #ff79c6 !important;
    color: #f8f8f2 !important
  }

  .btn-link {
    border-color: transparent !important
  }

  .btn-link:hover {
    border-color: transparent !important
  }

  .label-comment-tag-offtopic {
    border-color: #8be9fd !important;
    color: #8be9fd !important
  }

  .label-comment-tag-joke {
    border-color: #50fa7b !important;
    color: #50fa7b !important
  }

  .label-comment-tag-flame {
    border-color: #f55 !important;
    color: #f55 !important
  }

  .label-comment-tag-troll {
    border-color: #ffb86c !important;
    color: #ffb86c !important
  }

  .label-comment-tag-noise {
    border-color: #f1fa8c !important;
    color: #f1fa8c !important
  }

  .comment {
    border-color: #282a36 !important
  }

  .comment header {
    background-color: #282a36 !important;
    color: #f8f8f2 !important
  }

  .comment header a {
    color: #8be9fd !important
  }

  .comment header a.link-user {
    color: #50fa7b !important
  }

  .comment header a.link-user:visited {
    color: #ff79c6 !important
  }

  .comment .comment-user-info {
    color: #bd93f9 !important
  }

  .is-comment-mine>.comment-itself {
    border-color: #6272a4 !important
  }

  .is-comment-by-op>.comment-itself {
    border-color: #bd93f9 !important
  }

  .is-comment-new .comment-itself {
    border-color: #f1fa8c !important
  }

  .is-comment-new .comment-text {
    color: #f8f8f2 !important
  }

  .conspicuous {
    color: #f55 !important
  }

  .toc {
    background-color: #282a36 !important
  }

  .highlight {
    background-color: #44475a !important
  }

  .highlight>pre {
    margin-left: 0 !important
  }

  #page-list {
    background-color: #44475a !important
  }

  body {
    color: #f8f8f2 !important;
    background-color: #282a36 !important
  }

  a {
    color: #8be9fd !important
  }

  header a {
    color: #f8f8f2 !important
  }

  main {
    font-family: sans-serif
  }

  main,aside {
    background-color: #44475a !important
  }

  blockquote {
    border-color: #f8f8f2 !important;
    background-color: #282a36 !important
  }

  textarea,input {
    border-color: #6272a4 !important;
    background-color: #282a36 !important;
    color: #f8f8f2 !important
  }

  tr {
    background-color: #282a36 !important
  }

  td {
    border-color: #44475a !important;
    border-bottom-width: 0.2rem !important
  }

  pre,code {
    border: none !important;
    background-color: #282a36 !important;
    color: #f8f8f2 !important
  }

  pre {
    padding: 5px 10px !important
  }

  code {
    padding: 0 !important
  }

  section {
    border-color: #282a36 !important
  }

  footer {
    background-color: #282a36 !important
  }

  .tab {
    border-color: #6272a4 !important
  }

  .tab .tab-item a {
    color: #f8f8f2 !important
  }

  .tab .tab-item a:hover {
    color: #8be9fd !important
  }

  .tab .tab-item.active a {
    color: #8be9fd !important;
    border-bottom-color: #8be9fd !important
  }

  .tab .tab-listing-order {
    border-color: #6272a4 !important
  }

  .form-select {
    border-color: #6272a4 !important
  }

  .form-select:not([multiple]):not([size]) {
    background-color: #44475a !important
  }

  .message {
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-color: #282a36 !important
  }

  .message header {
    background-color: #282a36 !important
  }

  .message .message-text {
    color: #f8f8f2 !important
  }

  .is-message-mine {
    border-width: 1px !important;
    margin-left: 0 !important
  }

  #new-topic fieldset,#new-topic .divider {
    border-color: #282a36 !important
  }

  #new-topic .divider::after {
    color: #f8f8f2 !important;
    background: #282a36 !important
  }

  #new-topic input {
    color: #f8f8f2 !important;
    background-color: #282a36 !important;
    border-color: #6272a4 !important
  }

  body>header>a:nth-child(1):not(.no-header-logo) {
    background-size: 32px 32px !important;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQCAMAAADQmBKKAAAAHlBMVEUoKjZQ+nticqSL6f29k/nx+oz/VVX/ecb/uGz///+3yBn7AAAAaklEQVR42u3Oxw2AQAADsNDZf2IGyO8kioQ9gQMAAAAAcLelCAkJCQkJCQkJ/Tk0lZS5ZMhZhISEhISEhISEvhbaSoasJWUvKUJCQkJCQkJCQu+GnnSUFCEhISEhISEhoXdDAAAAAAA3uwDrCC2R1NNC7QAAAABJRU5ErkJggg==") !important
  }

  .label-edit-box {
    background-color: #282a36 !important;
    color: #f8f8f2 !important
  }

  .user-label {
    border-radius: 0 !important;
    padding: 1px 3px !important
  }

  .bg-red {
    background-color: #f55 !important;
    color: #f8f8f2 !important
  }

  .bg-orangered {
    background-color: #ffb86c !important;
    color: #282a36 !important
  }

  .bg-orange {
    background-color: #f1fa8c !important;
    color: #282a36 !important
  }

  .bg-dodgerblue {
    background-color: #8be9fd !important;
    color: #282a36 !important
  }

  .bg-forestgreen {
    background-color: #50fa7b !important;
    color: #282a36 !important
  }

  .bg-slategray {
    background-color: #44475a !important;
    color: #f8f8f2 !important
  }

  .topic-full .topic-full-byline {
    color: #f8f8f2 !important
  }

  .topic-full .topic-full-byline .link-user {
    color: #50fa7b !important
  }

  .topic-full .topic-full-byline .link-user:visited {
    color: #ff79c6 !important
  }

  aside .topic-tags li {
    color: #f8f8f2 !important
  }

  .topic .topic-content-metadata {
    color: #50fa7b !important
  }

  .topic .topic-text-excerpt {
    color: #6272a4 !important
  }

  .post-listing .topic {
    background-color: #282a36 !important
  }

  .topic-listing {
    background-color: #44475a !important
  }

  .topic-listing>li {
    background-color: #282a36 !important
  }

  .topic-listing .label-topic-tag>* {
    color: #6272a4 !important
  }

  .is-topic-official {
    border-color: #ffb86c !important
  }

  .topic-title a {
    color: #8be9fd !important
  }

  .topic-title a:visited {
    color: #ff79c6 !important
  }

  .topic-info .time-responsive {
    color: #50fa7b !important
  }

  .topic-metadata .topic-tags li {
    color: #6272a4 !important
  }

  .topic-info-comments-new {
    color: #f1fa8c !important
  }
}