/* ==UserStyle== @name Tildes Baukula @namespace tildes.net @version 1.0.8 @author Bauke @description Adaptations to make the official Dracula theme look like my old one. @homepageURL https://gitlab.com/Bauke/styles @supportURL https://gitlab.com/Bauke/styles/issues @updateURL https://gitlab.com/Bauke/styles/raw/master/css/tildes-baukula/tildes-baukula.user.css @license MIT ==/UserStyle== */ @-moz-document domain("tildes.net") { body:not(.theme-dracula) .site-header-logo::after { content: " Baukula won't activate unless you use the official Dracula theme!"; } body.theme-dracula { background-color: #282a36; } body.theme-dracula.static-site .article-summary { border: 1px solid #6272a4; background-color: #282a36; padding: 0.8rem; } body.theme-dracula.static-site .article-summary h2 { margin: 0 0 0.4rem; } body.theme-dracula.static-site .article-summary .text-secondary { color: #6272a4; } body.theme-dracula .btn { color: #8be9fd; } body.theme-dracula .btn:hover { color: #282a36; } body.theme-dracula .btn:hover, body.theme-dracula .btn.btn-primary:hover { border-color: #ff79c6; background-color: #ff79c6; } body.theme-dracula .btn.btn-link { border: 1px solid #8be9fd; color: #8be9fd; } body.theme-dracula .btn.btn-link:hover { color: #282a36; } body.theme-dracula .btn.btn-link:hover { border-color: #ff79c6; background-color: #ff79c6; } body.theme-dracula .btn.btn-used { color: #282a36; border-color: #ff79c6; background-color: #ff79c6; } body.theme-dracula .btn-post button { color: #8be9fd; } body.theme-dracula .btn-post button:hover { color: #ff79c6; } body.theme-dracula .btn-post button.btn-post-action-used { color: #ff79c6; } body.theme-dracula .comment { border-color: #282a36; } body.theme-dracula .comment[data-comment-depth="0"] { border-color: #282a36; } body.theme-dracula .comment-header { background-color: #282a36; } body.theme-dracula .comment .comment-nav-link, body.theme-dracula .comment .comment-nav-link:visited { color: #8be9fd; } body.theme-dracula .comment .comment-nav-link:hover, body.theme-dracula .comment .comment-nav-link:visited:hover { color: #ff79c6; } body.theme-dracula .comment .comment-votes { color: #f8f8f2; } body.theme-dracula .date-info.text-secondary.text-small { color: #f8f8f2; } body.theme-dracula .toc { border: 1px solid #6272a4; background-color: #282a36; } body.theme-dracula .dropdown menu { border: 1px solid #6272a4; } body.theme-dracula .user-label { border-radius: none; } body.theme-dracula .label-edit-box { color: #f8f8f2; background-color: #282a36; } body.theme-dracula .label-edit-box > input { border: 1px solid #6272a4; background-color: #44475a; } body.theme-dracula .label-light, body.theme-dracula .label-dark { color: transparent; } body.theme-dracula .bg-none { color: #f8f8f2; border-color: #6272a4; } body.theme-dracula .bg-red { color: #282a36; background-color: #f55; } body.theme-dracula .bg-orangered { color: #282a36; background-color: #ffb86c; } body.theme-dracula .bg-orange { color: #282a36; background-color: #f1fa8c; } body.theme-dracula .bg-dodgerblue { color: #282a36; background-color: #8be9fd; } body.theme-dracula .bg-forestgreen { color: #282a36; background-color: #50fa7b; } body.theme-dracula .bg-slategray { color: #282a36; background-color: #44475a; } body.theme-dracula a, body.theme-dracula a:visited { color: #8be9fd; } body.theme-dracula a:hover, body.theme-dracula a:visited:hover { color: #ff79c6; } body.theme-dracula blockquote { background-color: #282a36; } body.theme-dracula pre, body.theme-dracula code { color: #f8f8f2; background-color: #282a36; } body.theme-dracula figure, body.theme-dracula section { border-color: #f8f8f2; } body.theme-dracula input, body.theme-dracula textarea, body.theme-dracula .form-input, body.theme-dracula .form-input:not(:focus) { color: #f8f8f2; border-color: #6272a4; background-color: #282a36; } body.theme-dracula main, body.theme-dracula #sidebar { background-color: #44475a; } body.theme-dracula th { border-color: #6272a4; } body.theme-dracula td { border-color: #44475a; } body.theme-dracula thead { background-color: rgba(0, 0, 0, 0.15); } body.theme-dracula tbody tr:nth-of-type(n) { background-color: #282a36; } body.theme-dracula a.link-user, body.theme-dracula a.site-header-context[href^="/user"] { color: #50fa7b; } body.theme-dracula a.link-user:visited, body.theme-dracula a.site-header-context[href^="/user"]:visited { color: #50fa7b; } body.theme-dracula a.link-group, body.theme-dracula a.site-header-context[href^="/~"], body.theme-dracula .nav .nav-item a[href^="/~"] { color: #ffb86c; } body.theme-dracula a.link-group:visited, body.theme-dracula a.site-header-context[href^="/~"]:visited, body.theme-dracula .nav .nav-item a[href^="/~"]:visited { color: #ffb86c; } body.theme-dracula .group-list-item-subscribed a.link-group { color: #8be9fd; } body.theme-dracula .group-list-item-not-subscribed a.link-group { color: #f1fa8c; } body.theme-dracula a.site-header-logo:hover { color: #f8f8f2; } body.theme-dracula a.logged-in-user-alert, body.theme-dracula a.logged-in-user-alert:visited { color: #282a36; background-color: #ffb86c; padding: 0.1rem 0.3rem; } body.theme-dracula a.logged-in-user-alert:hover, body.theme-dracula a.logged-in-user-alert:visited:hover { background-color: #f1fa8c; } body.theme-dracula #sidebar form[action="/logout"] > button, body.theme-dracula #sidebar form[action="/logout"] > button:hover { color: #8be9fd; border: none; background-color: transparent; } body.theme-dracula #sidebar .btn.btn-link[href="/settings/filters"] { width: 100%; margin: 0.2rem 0; } body.theme-dracula .label.label-topic-tag:not([class*=label-topic-tag-spoiler]):not([class*=label-topic-tag-nsfw]) { color: #6272a4; } body.theme-dracula .label.label-topic-tag:not([class*=label-topic-tag-spoiler]):not([class*=label-topic-tag-nsfw]) a { color: #6272a4; } body.theme-dracula .label.label-topic-tag:not([class*=label-topic-tag-spoiler]):not([class*=label-topic-tag-nsfw]) a:hover { color: #ff79c6; } body.theme-dracula .divider { border-color: #f8f8f2; } body.theme-dracula > header > a:nth-child(1):not(.no-header-logo) { color: #f8f8f2; background-size: 32px 32px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQCAMAAADQmBKKAAAAHlBMVEUoKjZQ+nticqSL6f29k/nx+oz/VVX/ecb/uGz///+3yBn7AAAAaklEQVR42u3Oxw2AQAADsNDZf2IGyO8kioQ9gQMAAAAAcLelCAkJCQkJCQkJ/Tk0lZS5ZMhZhISEhISEhISEvhbaSoasJWUvKUJCQkJCQkJCQu+GnnSUFCEhISEhISEhoXdDAAAAAAA3uwDrCC2R1NNC7QAAAABJRU5ErkJggg=="); } body.theme-dracula .form-status-success { color: #50fa7b; } body.theme-dracula .form-status-error { color: #f55; } body.theme-dracula .donation-goal meter { background-color: #282a36; } body.theme-dracula .settings-list { margin-left: 0; } body.theme-dracula .settings-list li { border: 1px solid #6272a4; background-color: #282a36; margin-bottom: 4px; padding: 0.4rem; } body.theme-dracula .settings-list form[name=account-default-theme] { margin: 8px 0; } body.theme-dracula .tab.tab-listing-order { border-color: #282a36; } body.theme-dracula .tab.tab-listing-order .tab-item { background-color: #282a36; margin: 4px 2px; padding: 0; } body.theme-dracula .tab.tab-listing-order .tab-item:first-child { margin-left: 0; } body.theme-dracula .tab.tab-listing-order .tab-item:last-child { margin-right: 0; } body.theme-dracula .tab.tab-listing-order .tab-item.active a { color: #ff79c6; border-color: #ff79c6; } body.theme-dracula .tab.tab-listing-order .tab-item a { color: #f8f8f2; margin: 0; padding: 4px 8px; } body.theme-dracula .tab.tab-listing-order .tab-item a:hover { color: #8be9fd; } body.theme-dracula .form-select:not([multiple]):not([size]) { border: 1px solid #6272a4; background-color: #282a36; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns="http://www.w3.org/2000/svg"%20viewBox="0%200%204%205"%3E%3Cpath%20fill="%23f8f8f2"%20d="M2%200L0%202h4zm0%205L0%203h4z"/%3E%3C/svg%3E'); } body.theme-dracula .tab.tab-markdown-mode { border-bottom: none; margin-bottom: 4px; } body.theme-dracula .tab.tab-markdown-mode > .tab-item { margin-right: 4px; } body.theme-dracula .tab.tab-markdown-mode > .tab-item:last-child { margin-right: 0; } body.theme-dracula .tab.tab-markdown-mode > .tab-item.active > .btn { background-color: #ff79c6; border-color: #ff79c6; color: #282a36; } body.theme-dracula .topic-listing > li:nth-of-type(n) { margin-bottom: 0.2rem; background-color: #282a36; } body.theme-dracula .post-listing .topic { background-color: #282a36; } body.theme-dracula .topic.is-topic-official { border-left-color: #f55; } body.theme-dracula .topic.is-topic-official h1 a, body.theme-dracula .topic.is-topic-official h1 a:visited { color: #f55; } body.theme-dracula .topic .topic-title a:hover { color: #ff79c6; } body.theme-dracula .topic .topic-title a:visited { color: #ff79c6; } body.theme-dracula .topic .topic-info-comments a:visited { color: #8be9fd; } body.theme-dracula .topic div[aria-label="Link domain"], body.theme-dracula .topic .time-responsive { color: #f8f8f2; } body.theme-dracula .topic-full .topic-full-byline { color: #f8f8f2; } }