345 lines
9.1 KiB
CSS
345 lines
9.1 KiB
CSS
/* ==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;
|
|
}
|
|
}
|