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

247 lines
4.1 KiB
CSS

/* ==UserStyle==
@name Notabug Dracula
@namespace notabug.io
@version 1.0.5
@author Bauke
@description Dracula theme for notabug.io
@homepageURL https://gitlab.com/Bauke/styles
@supportURL https://gitlab.com/Bauke/styles/issues
@license MIT
==/UserStyle== */
@-moz-document domain('notabug.io') {
.thing .title {
color: #8be9fd;
}
.thing .title:hover,.thing .title:active,.thing .title:focus {
color: #ff79c6;
}
.thing .title:visited {
color: #ff79c6;
}
.domain,.domain a,.search-result-meta a,.tagline a {
color: #50fa7b;
}
.link .rank,.search-result-meta,.tagline {
color: #f8f8f2;
}
.entry .buttons li a {
color: #50fa7b;
}
.next-suggestions,.nextprev {
color: #f8f8f2;
}
.next-suggestions a,.nextprev a {
margin: 0px 4px;
padding: 4px;
border: 1px solid #282a36;
border-radius: 0;
color: #f8f8f2;
background-color: #282a36;
}
.next-suggestions a:hover,.next-suggestions a:active,.next-suggestions a:focus,.nextprev a:hover,.nextprev a:active,.nextprev a:focus {
border: 1px solid #282a36;
border-radius: 0;
color: #f8f8f2;
background-color: #6272a4;
}
.footer-parent {
margin-top: 10px;
color: #f8f8f2;
background-color: #282a36;
}
.footer-parent .bottommenu {
color: #f8f8f2;
background-color: #282a36;
}
.footer-parent .bottommenu a {
color: #8be9fd;
}
.footer-parent .bottommenu a:hover,.footer-parent .bottommenu a:active,.footer-parent .bottommenu a:focus {
color: #ff79c6;
}
p.debuginfo {
background-color: #282a36;
}
#header {
border-bottom: 2px solid #44475a;
background-color: #282a36;
}
.tabmenu li a {
color: #f8f8f2;
background-color: #44475a;
padding: 5px 10px 0px 10px;
}
.tabmenu li.selected a {
color: #f8f8f2;
border: none;
background-color: #6272a4;
}
#header-bottom-right {
color: #f8f8f2;
border-radius: 0;
background-color: #44475a;
padding: 6px 10px;
}
body {
color: #f8f8f2;
background-color: #44475a;
}
a {
color: #8be9fd;
}
a:hover,a:active,a:focus {
color: #ff79c6;
}
blockquote,.md blockquote {
color: #f8f8f2;
background-color: #282a36;
border-left-color: #f8f8f2;
}
hr,.md hr {
background-color: #6272a4;
}
pre,.md pre {
color: #f8f8f2;
background-color: #44475a;
border-radius: 0;
border: none;
}
.side {
background-color: #282a36;
margin: 0;
}
.side .login-form-side {
margin: 0 10px;
border: none;
}
.side .login-form-side .status {
margin: 7px 0px 0px 0px;
border: none;
padding: 10px;
font-weight: bold;
}
.side .login-form-side input[type='password'],.side .login-form-side input[type='text'] {
width: 100%;
margin: 7px 0px 0px 0px;
border: 1px solid #6272a4;
color: #f8f8f2;
background-color: #44475a;
font-family: sans-serif;
font-weight: bold;
}
.side .login-form-side input[type='password']::placeholder,.side .login-form-side input[type='text']::placeholder {
color: #f8f8f2;
font-family: sans-serif;
font-weight: bold;
}
.side .login-form-side .submit {
margin: 7px 0px 0px 0px;
}
.side .login-form-side .submit button {
padding: 4px 48px;
border-radius: 0;
border: 1px solid #6272a4;
color: #f8f8f2;
background-color: #44475a;
}
.side .login-form-side .submit button:hover,.side .login-form-side .submit button:active,.side .login-form-side .submit button:focus {
background-color: #6272a4;
}
.side .reddit-infobar {
color: #282a36;
background-color: #f1fa8c;
border: none;
margin: 0px 10px;
}
.side .morelink {
margin: 0px 10px;
border: 1px solid #6272a4;
background: none;
background-color: #44475a;
}
.side .morelink .nub {
background: none;
}
.side .morelink a {
color: #8be9fd;
}
.side .morelink a:hover,.side .morelink a:active,.side .morelink a:focus {
color: #ff79c6;
}
.side .titlebox {
margin: 0px 10px;
}
.side .md {
color: #f8f8f2;
}
.side pre,.side .md pre {
overflow: hidden;
}
.side .bottom {
color: #f8f8f2;
border: none;
padding-top: 4px;
}
.side .spacer {
margin: 7px 0px;
}
.side hr {
display: none;
}
.stamp {
border-radius: 0;
}
.nsfw-stamp {
color: #f55;
border-color: #f55;
}
.error,.red {
color: #282a36;
background-color: #f55;
}
}