forked from rDrama/rDrama
149 lines
2.5 KiB
CSS
149 lines
2.5 KiB
CSS
:root {
|
|
--black: #94a3b8;
|
|
--primary: #0284c7;
|
|
--gold: #f59e0b;
|
|
--secondary: #dc3545;
|
|
--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: #2d3c50;
|
|
}
|
|
|
|
.container.transparent, .card {
|
|
background-color: var(--gray-800) !important;
|
|
}
|
|
|
|
.navbar-light {
|
|
background-color: var(--background) !important
|
|
}
|
|
|
|
p {
|
|
color: var(--gray-200)
|
|
}
|
|
|
|
.comment-collapse-desktop {
|
|
border-color: var(--gray-400) !important
|
|
}
|
|
|
|
blockquote {
|
|
background-color: var(--background);
|
|
}
|
|
|
|
#frontpage #main-content-row, .sidebar {
|
|
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: 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.desktop-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: var(--background)
|
|
}
|
|
|
|
.tooltip{
|
|
background-color:var(--gray-100);
|
|
color: var(--gray-700);
|
|
}
|
|
|
|
.dropdown-menu {
|
|
background-color: var(--gray-800);
|
|
}
|
|
|
|
#frontpage .post-title a:visited {
|
|
color: #6e6e6e !important;
|
|
}
|
|
|
|
.post-title
|
|
{
|
|
color: var(--gray-300) !important;
|
|
}
|
|
|
|
.tooltip-inner {
|
|
color: #d8d8d8 !important;
|
|
background-color: #313131 !important;
|
|
} |