Serverfault Dark by nat2k5us

/* ==UserStyle==
@name         Serverfault Dark
@namespace    USO Archive
@author       Maciejozaman
@description  Dark theme for serverfault.com
@version      20200319.07.15
@license      NONE
@preprocessor uso
==/UserStyle== */
@-moz-document domain("serverfault.com") {
body{
    background: #3b2929;
    color: #fff;
}
.ps-relative {
    height: 0;
}
#sidebar, .sidebar {
    width: 0;
}
    .left-sidebar--sticky-container:not(.left-sidebar__fake-sticky){
        width:0
    }
    .s-prose p{
        color:aqua;
    }
:root{
    scrollbar-color: #c49b9b #5e4f4f;
}
#content{
    background: #1c1c1c;
    border-top-color: #c02d2e;
}
*{
    box-shadow: none !important;
}
/*INSTRUCTION-BOX*/
.hero-box{
    background: transparent;
    border-color: #e3b7b7;
}
.hero-box .title{
    color: #876f6f;
}
.hero-box em,.hero-box .blurb{
    color: #fff;
}
/*INSTRUCTION-BOX*/
/*TABS*/
.tabs a{
    color: #fff;
}
/*TABS*/
/*STATS-BOX*/
.heading{
    color: #fff;
}
.featured-site{
    border-color: #c02d2e;
}
.featured-site .site-details,.featured-site .stats-label{
    color: #fff;
}
/*STATS-BOX*/
/*USER-DETAILS*/
.users-sidebar .userDetails .sb-siteName{
    color: #fff;
}
/*USER-DETAILS*/
/*PAGE-NUMBER*/
.page-numbers,.s-pagination--item{
    background: transparent;
    border-color: #c02d2e;
    text-shadow: none;
    color: #fff;
}
.page-numbers.current,.s-pagination--item:hover,.s-pagination--item.is-selected{
    background: #c02d2e;
    box-shadow: none;
    border-color: #c02d2e;
}
/*PAGE-NUMBER*/
/*HEADER*/
ul.navMain li a{
    color: #fff;
}
header.siteHeader h1{
    background-color: #c02d2e;
    border-radius: 3px;
}
.site-header,.s-btn:hover{
    background-color: #c02d2e;
}
.fc-light{
    color: #fff !important;
}
/*HEADER*/
/*FRONT-PAGE*/
.bg-black-050,.tag-popup .-container{
    background: #1c1c1c !important;
    border: 1px solid #c02d2e !important;
}
.bg-black-050:hover{
    background: #c02d2e !important;
}
.bg-black-050:hover a{
    color: #1c1c1c;
}
.nav-links .nav-links--link, .nav-links .nav-links--link:visited{
    color: #fff;
}
/*FRONT-PAGE*/
/*POST*/
#question-header .question-hyperlink{
    color: #c02d2e;
}
.nav-links .nav-links--link,a.comments-link:hover{
    color: #fff;
}
.nav-links .youarehere .nav-links--link{
    color: #D13820;
}
.nav-links .nav-links--link:hover{
    color: #c02d2e;
}
.post-text p{
    color: #fff;
}
pre{
    background: #1c1c1c;
    border: 1px solid #fff;
}
code{
    background: #1c1c1c;
    color: purple
}
.post-text a:not(.post-tag):not(.badge-tag):visited{
    color: #0356a8;
}
blockquote{
    background: transparent;
}
.s-sidebarwidget__yellow{
    background: #1c1c1c;
    border-color: #c02d2e;
}
.s-sidebarwidget__yellow .s-sidebarwidget--header{
    background: #c02d2e;
    color: #fff;
}
.s-sidebarwidget__yellow .s-sidebarwidget--header, .s-sidebarwidget__yellow .s-sidebarwidget--content{
    border-color: #c02d2e;
}
#sidebar h4,.s-anchors.s-anchors__grayscale a:not(.s-link):hover{
    color: #fff;
}
.fc-black-500,.js-favorite-count,.s-anchors.s-anchors__grayscale a:not(.s-link){
    color: #c02d2e !important;
}
.subheader{
    border-bottom-color: #c02d2e;
}
.subheader h2,a.comments-link{
    color: #c02d2e;
}
#tabs a{
    background: transparent;
    color: #fff;
}
#tabs a:hover{
    border-top: 1px solid #c02d2e;
    border-left: 1px solid #c02d2e;
    border-right: 1px solid #c02d2e;
    border-bottom: 0;
}
#tabs a.youarehere{
    border-color: #c02d2e;
    color: #c02d2e;
}
.question-page #answers .answer{
    border-bottom: 1px solid #c02d2e;
}
.wmd-button-bar{
    border-color: #c02d2e;
}
.wmd-button-row{
    border-bottom-color: #c02d2e;
    background: #c02d2e
}
textarea.wmd-input, textarea#wmd-input{
    background: #1c1c1c;
    color: #fff;
}
.wmd-help-button.active-help{
    background: transparent;
}
.mdhelp{
    border-left: 1px solid #c02d2e;
    border-right: 1px solid #c02d2e;
}
.mdhelp-tabs{
    background: #1c1c1c;
}
.mdhelp-tabs li{
    color: #fff;
}
.s-notice__warning{
    background: transparent;
    border-color: #c02d2e;
}
.fc-dark{
    color: #fff !important;
}
.grippie{
    background-color: #c02d2e;
    border-color: #c02d2e;
}
.s-notice__warning p,.s-notice__warning ul li{
    color: #fff;
}
.s-label,.s-description{
    color: #fff;
}
.s-input{
    background: transparent;
    color: #fff;
    border-color: #c02d2e;
}
.s-btn__muted.s-btn__outlined{
    border-color: #c02d2e;
}
.show-votes .sidebar-linked .spacer > a:first-child .answer-votes,.show-votes .sidebar-related .spacer > a:first-child .answer-votes{
    background: #1c1c1c;
    border: 1px solid #c02d2e;
    color: #c02d2e;
}
.s-popover{
    background: #1c1c1c;
    border: 1px solid #c02d2e;
    color: #fff;
}
/*TIMELINE*/
.subheader h1,.event-comment span,.post-timeline-v2 .post-timeline td{
    color: #fff;
}
.post-timeline-v2 .post-timeline .event-type > span.history,.post-timeline-v2 .post-timeline .event-type > span.comment{
    background: #1c1c1c;
    border: 1px solid #c02d2e;
    color: #c02d2e;
}
.event-rows tr td{
    background: #1c1c1c !important;
}
/*TIMELINE*/
/*POST*/
/*TOPBAR*/
.top-bar .-secondary .-item .-link.topbar-icon-on, .top-bar .-secondary .-item .-link.topbar-icon-on:hover{
    background: #c02d2e;
}
.topbar-dialog{
    border-left-color: #c02d2e;
    border-right-color: #c02d2e;
    border-bottom-color: #c02d2e;
}
.topbar-dialog .header{
    background: #c02d2e;
}.topbar-dialog .header h3{
    color: #1c1c1c;
}
.topbar-dialog .modal-content{
    background: #1c1c1c;
    color: #fff;
    margin: 0;
}
.huge-button-container a{
    color: #fff !important;
}
.topbar-dialog a:not(.btn-secondary):not(.nav-links--link):hover{
    background: #c02d2e;
    color: #1c1c1c;
}
.topbar-dialog.help-dialog .item-summary{
    color: #fff;
}
.topbar-dialog.siteSwitcher-dialog{
    scrollbar-color: #c02d2e #1c1c1c;
}
.topbar-dialog ul{
    background: #1c1c1c;
}
.topbar-dialog ul li:hover{
    background: #c02d2e !important;
}
.topbar-dialog ul li:hover a span{
    color: #1c1c1c;
}
.topbar-dialog ul li:hover .js-gps-track{
    color: #1c1c1c;
}
.site-filter-container input{
    background: #1c1c1c !important;
    color: #fff;
}
.site-filter-container input::placeholder{
    color: #fff;
}
.topbar-dialog .header h3 a{
    color: #fff !important;
}
/*TOPBAR*/
/*TAGS*/
.post-tag{
    background: transparent;
    border-color: #c02d2e;
    color: #fff !important;
}
.post-tag:hover,.s-table tr:last-of-type th{
    background: #c02d2e;
    color: #1c1c1c;
    border-color: #c02d2e;
}
.s-btn__muted.s-btn__outlined.is-selected{
    background: #c02d2e;
    color: #fff;
    border-color: #c02d2e;
}
.s-btn__muted.s-btn__outlined{
    color: #fff;
}
#tags_list .stats-row a{
    color: #fff;
}
.s-table td,.item-multiplier span{
    color: #fff;
}
#tags-browser .s-card{
    background: #1c1c1c;
    border-color: #c02d2e
}
/*TAGS*/
/*UNASWERED*/
.excerpt{
    color: #fff;
}
.vote, .vote strong{
    color: #c02d2e;
}
.status{
    color: #c02d2e;
}
.views{
    color: #c02d2e;
}
.views.warm{
    color: #A44B1C;
}
/*UNASWERED*/
/*TOP-USERS*/
.search-box{
    background: transparent;
    color: #fff;
    border-color: #c02d2e;
}
.search-box:hover{
    background: #EE4B4B;
}
.statsBox .gravatar{
    background: #fff;
}
.newuser{
    background: transparent;
    border-color: #c02d2e;
    color: #fff;
    box-shadow: none;
}
.league-container{
    border-bottom-color: #c02d2e;
    box-shadow: none;
}
.siteOptionsNav select{
    background: transparent;
    border: 1px solid #c02d2e;
    color: #fff;
}
.siteOptionsNav select option{
    background: #1c1c1c;
}
.dateNavBox{
    background: transparent;
    border-color: #c02d2e;
    box-shadow: none;
}
.dateNavBox h3{
    color: #fff;
}
.fr select{
    background: transparent;
    border: 1px solid #c02d2e;
    color: #fff;
}
.fr select option{
    background: #1c1c1c;
}
.module h3{
    color: #fff;
}
.statsBox .number{
    color: #c02d2e;
}
.sidebar-stats thead th{
    color: #c02d2e;
}
.sidebar-stats tbody td{
    color: #fff;
}
.module p{
    color: #fff;
}
/*TOP-USERS*/
/*LOGIN*/
.bc-black-3{
    background: #1c1c1c;
    color: #fff;
}
.va-middle{
    background: #fff;
    border: 2px solid #c02d2e;
    border-radius: 6px;
}
.bg-white{
    background: #1c1c1c !important;
    border: 1px solid #c02d2e;
}
/*LOGIN*/
/*TOUR*/
.new-about-content-page h2.about-title{
    color: #fff !important;
    text-shadow: none;
}
.new-about-content-page hr{
    background: #c02d2e !important;
    box-shadow: none !important;
}
.new-about-content-page .qa-block{
    background: #1c1c1c;
    border-color: #c02d2e;
}
.new-about-content-page .content-block{
    background: #1c1c1c;
    border-color: #c02d2e;
}
/*TOUR*/
/*ABOUT*/
.bc-black-2,.bc-black-3{
    border-color: #c02d2e !important;
}
.logos.mtn16{
    background: #c02d2e;
}
/*ABOUT*/
/*PERFORMANCE*/
.introBlock{
    color: #c02d2e;
}
.section-5 input[type="text"]{
    background-color: #c02d2e;
}
/*PERFORMANCE*/
/*FOOTER*/
.site-footer{
    background: #1c1c1c;
    border-top: 1px solid #c02d2e;
}
.site-footer .-title a{
    color: #fff;
}
.site-footer--copyright p:after{
    content: " | Dark theme by Maciejozaman";
    color: #c02d2e;
}
/*FOOTER*/
}