/* ==UserStyle== @name Tildes Dracula @namespace tildes.net @version 1.0.0 @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: #ff5555 !important; color: #ff5555 !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: #ff5555 !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: #ff5555 !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; } }