rDrama/files/assets/css/classic_dark.css

222 lines
4.2 KiB
CSS

@import 'classic.css?v=4000';
/*navbar*/
.navbar-light, .navbar .container-fluid, #mobile-bottom-navigation-bar {
background-color: var(--black2) !important;
}
.form-inline.search input {
background-color: var(--black1) !important;
}
.nav-link.active {
color: var(--white) !important;
box-shadow: inset 0 -2px 0 var(--white) !important;
}
.nav-link {
color: var(--gray) !important;
}
/*common*/
body, .card, #main-content-row {
background-color: var(--black2) !important;
/*background-image: var(--bg2);*/
color: var(--white);
}
.posts .card {
border-color: var(--black3) !important;
}
.arrow-up::before, .arrow-down::before, .score {
color: var(--black1);
}
.post-title a {
color: var(--gray) !important;
}
.flaggers, .flaggers a {
background-color: var(--black2) !important;
color: var(--black1) !important;
border-color: var(--gray);
}
.dropdown-menu, .dropdown-menu a {
color: var(--gray);
background-color: var(--black2);
}
.popover, .pop-username, .pop-bio, .popover-user-profile, .popover-user-profile * {
background-color: var(--black2);
color: var(--gray);
border-color: var(--black1) !important;
}
.text-muted {
color: var(--gray) !important;
}
/*frontpage*/
#frontpage .sidebar {
background-color: var(--black2) !important;
color: var(--gray);
}
#frontpage .dropdown .btn {
background-color:transparent !important;
color:yellow;
text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black !important;
border-color: transparent;
font-size: 1.3rem;
}
#frontpage .dropdown-toggle, #frontpage i.fas.mr-1 {
color:yellow !important;
}
/*post*/
.post-meta, .post-actions a, .post-actions button, .nav-link .fas, label, small, .comment-actions * {
color: var(--gray) !important;
}
.comment, .comment-text, .comment-section, .comment-body, .post-body {
background-color: var(--black2);
color: var(--gray) !important;
}
blockquote {
border-left: 2px solid #c5c1ad !important;
background-color: var(--black3) !important;
color: var(--gray) !important;
}
.form-control, .comment-box.form-control.rounded {
background-color: var(--black2) !important;
color: var(--black1) !important;
}
#thread #dropdownMenuButton {
background-color: var(--red) !important;
color: white !important;
border-color: transparent;
}
.btn.format {
background-color: transparent !important;
color: var(--black1) !important;
border-color: transparent !important;
}
/*leaderboard*/
#settings2 .bg-white {
background-color: var(--black2) !important;
}
/*submit*/
#submit .row.fixed-bottom {
background-color: var(--black2) !important
}
/*assorted patches I don't feel like categorizing*/
#followers-table td {
color: var(--black1);
}
#mobile-bottom-navigation-bar .text-primary {
color: var(--red) !important;
}
#mobile-bottom-navigation-bar .text-muted {
color: var(--black1) !important;
}
#settings2 .nav-link.active .fas {
color: var(--gray) !important;
}
#navbarResponsive .nav-link {
color: var(--black1) !important;
}
.mobile-nav-icon {
color: var(--black1);
}
/*patch*/
#settings2 .text-muted {
color: var(--black3)!important;
}
.btn-primary:hover, .btn-secondary:hover {
background-color: var(--red-hover) !important;
color: white!important;
border-color: var(--red-hover)
}
.dropdown-menu a:hover {
color: var(--red);
background-color: #fff;
font-weight: bold;
}
#navbarResponsive .nav-link:hover i {
color: var(--red) !important;
}
.btn-secondary:focus, .btn-secondary.focus {
box-shadow: none;
background-color: white!important;
color: var(--red)!important;
border-color: var(--red);
}
a.nav-link:hover {
color: white !important
}
.nav.settings-nav {
border: 1px solid var(--red-hover)
}
#thread .anchor.comment {
border-left: 2px solid var(--black1)!important;
}
.notifs .comment-collapse-desktop {
border-left: 2px solid var(--black1)!important;
}
.srd {
background-color: var(--black3) !important
}
#navbar .form-control.w-100 {
color: var(--white) !important;
}
/*chat*/
.chat-message {
color: var(--white) !important;
}
.post-title a:visited {
color: #6e6e6e !important;
}
.sidebar
{
background-color: #202020 !important;
border-radius: 0px;
margin-top: 0px;
}
.modal-content {
background-color: var(--black2);
}
.tooltip-inner {
color: #d8d8d8 !important;
background-color: #313131 !important;
}