forked from rDrama/rDrama
172 lines
3.0 KiB
CSS
172 lines
3.0 KiB
CSS
:root {
|
|
color-scheme: dark;
|
|
--white: #E1E1E1;
|
|
--black: #94a3b8;
|
|
--primary: #0284c7;
|
|
--gold: #f59e0b;
|
|
--secondary: #dc3545;
|
|
--gray: #383838;
|
|
--gray-100: #f1f5f9;
|
|
--gray-200: #e2e8f0;
|
|
--gray-300: #cbd5e1;
|
|
--gray-400: #94a3b8;
|
|
--gray-500: #728195;
|
|
--gray-600: #475569;
|
|
--gray-700: #2d3c50;
|
|
--gray-800: #1e293b;
|
|
--gray-900: #0f172a;
|
|
--background: 45, 60, 80;
|
|
}
|
|
|
|
.container.transparent, .card {
|
|
background-color: var(--gray-800) !important;
|
|
}
|
|
|
|
.navbar-light {
|
|
background-color: rgb(var(--background)) !important
|
|
}
|
|
|
|
p, blockquote {
|
|
color: var(--gray-200)
|
|
}
|
|
|
|
.comment-collapse-line {
|
|
border-color: var(--gray-400) !important
|
|
}
|
|
|
|
blockquote {
|
|
background-color: rgb(var(--background));
|
|
}
|
|
|
|
#frontpage #main-content-row {
|
|
background-color: var(--gray-800) !important
|
|
}
|
|
|
|
#thread .comment-section {
|
|
background-color: var(--gray-800) !important
|
|
}
|
|
|
|
.card {
|
|
border-color: var(--gray-600) !important
|
|
}
|
|
|
|
.btn {
|
|
border-color: var(--gray-500);
|
|
color: var(--gray-300)
|
|
}
|
|
|
|
.srd {
|
|
background-color: var(--gray-900) !important;
|
|
}
|
|
|
|
.srd a {
|
|
color: var(--gray-200) !important
|
|
}
|
|
|
|
.sidebar {
|
|
color: var(--gray-200)
|
|
}
|
|
|
|
#mobile-bottom-navigation-bar {
|
|
background-color: rgb(var(--background)) !important;
|
|
border-color: var(--gray-600) !important;
|
|
}
|
|
|
|
#mobile-bottom-navigation-bar .text-primary {
|
|
color: var(--gray-200) !important
|
|
}
|
|
|
|
#mobile-bottom-navigation-bar .text-muted {
|
|
color: var(--gray-400) !important
|
|
}
|
|
|
|
#frontpage div#expandImageModal.modal.expanded-image-modal {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
.text-small-extra.text-primary {
|
|
color: var(--gray-300) !important;
|
|
}
|
|
|
|
.score-up, .active.arrow-up::before, .arrow-up::after, .arrow-up:hover::before {
|
|
color: var(--secondary) !important;
|
|
}
|
|
|
|
.score-down, .active.arrow-down::before, .arrow-down::after, .arrow-down:hover::before {
|
|
color: var(--secondary) !important;
|
|
}
|
|
|
|
.arrow-up::before, .arrow-down::before, .score {
|
|
color: var(--gray-400);
|
|
}
|
|
|
|
#frontpage .post-title a {
|
|
color: var(--gray-300)
|
|
}
|
|
|
|
.text-info {
|
|
color: var(--gold) !important
|
|
}
|
|
|
|
.comment-collapse-icon::before {
|
|
color: var(--gray-500) !important
|
|
}
|
|
|
|
.text-admin {
|
|
color: green
|
|
}
|
|
|
|
.fa-microphone-stand {
|
|
color: var(--primary) !important
|
|
}
|
|
|
|
.fa-robot {
|
|
color: var(--secondary) !important
|
|
}
|
|
|
|
.modal-content {
|
|
background-color: rgb(var(--background))
|
|
}
|
|
|
|
.tooltip{
|
|
color: var(--gray-700);
|
|
}
|
|
|
|
.dropdown-menu {
|
|
background-color: var(--gray-800);
|
|
}
|
|
|
|
.post-title {
|
|
color: var(--gray-300) !important;
|
|
}
|
|
|
|
.tooltip-inner {
|
|
color: #d8d8d8 !important;
|
|
background-color: #313131 !important;
|
|
}
|
|
|
|
.visited, h5.post-title a:visited, a[href^="https://"]:not([href^="https://rdrama.net" i], [href^="https://watchpeopledie.tv" i], .dropdown-item, .nav-link, .no-visited):visited {
|
|
color: #6e6e6e !important;
|
|
}
|
|
|
|
.modal .comment-actions .list-group-item {
|
|
background-color: rgb(var(--background));
|
|
}
|
|
|
|
/* repeated here to override an earlier rule in this file */
|
|
.unread {
|
|
background: #ffffff22 !important;
|
|
}
|
|
|
|
lite-youtube, iframe {
|
|
color-scheme: light !important;
|
|
}
|
|
|
|
code {
|
|
color: #f679b2;
|
|
}
|
|
|
|
.dataTables_wrapper .dataTables_length select {
|
|
background-color: black !important;
|
|
}
|