1
Fork 0
userstyles/css/tildes-dracula/tildes-dracula.user.css

380 lines
7.0 KiB
CSS
Raw Normal View History

2018-06-15 08:51:02 +00:00
/* ==UserStyle==
@name Tildes Dracula
@namespace tildes.net
@version 1.0.2
2018-06-15 08:51:02 +00:00
@author Bauke
@description Dracula theme for Tildes.net
2018-06-16 11:29:06 +00:00
@homepageURL https://gitlab.com/Bauke/styles
@supportURL https://gitlab.com/Bauke/styles/issues
@license MIT
2018-06-15 08:51:02 +00:00
==/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
}
}