.app {
max-width: none;
}
.app-sidebar {
background-color: #181A1F !important;
}
.section, .app-content, .app-title, .app-footer, .section-form, .app-notification {
background-color: #282C34;
color: #B7B8B9;
}
.dropdown-item {
color: #B7B8B9;
}
.app-notification__title {
background-color: #2e8cc2;
}
.app-notification__footer {
background-color: #1D1F23;
}
.app-notification i, .app-notification {
color: #B7B8B9 !important;
}
.app-notification__item {
border-bottom: 0;
}
.app-notification__item:hover,
.app-notification__item:focus {
background-color: #333842;
}
.section-body {
border-top: 1px solid #1D1F23 !important;
}
.alert-danger {
background: linear-gradient(to right, #4A2245, #252243 15%);
border: 0;
color: #FF0045 !important;
}
.alert-success {
background: linear-gradient(to right, #15424D, #252243 15%);
color: #01DC6B !important;
border: 0;
}
.alert-success button, .alert-danger button {
color: tomato;
}
.alert-success button:hover, .alert-danger button:hover {
color: red;
}
.markItUpContainer i {
color: #B7B8B9 !important;
z-index: 1;
}
.section-media {
border-top: 1px solid #1D1F23;
border-right: 1px solid #1D1F23;
border-bottom: 1px solid #1D1F23;
}
.form-control, .form-select {
background-color: #1D1F23 !important;
border: 2px solid #35373f !important;
color: #B7B8B9 !important;
}
.form-control:focus, .form-select.focus {
border-color: #3E4452 !important;
}
.app-header {
box-shadow: 0 0 3px black;
}
.app-nav, .app-header__logo, .app-header {
background-color: #21252B;
}
.alert-info {
background-color: #16191d;
border: 1px solid #21252B;
color: dodgerblue;
}
.alert-warning {
background-color: #16191d;
border: 1px solid #21252B;
color: darkorange;
}
.page-link {
background-color: #181A1F !important;
border: 1px solid #3E4452 !important;
color: #B7B8B9;
}
.page-item.active .page-link {
background-color: #172330 !important;
}
.page-link:hover, .dropdown-item:hover, .dropdown-item:focus {
background-color: #3E4452 !important;
color: white;
}
.app-menu__item.active, .app-menu__item:hover, .treeview.is-expanded {
background-color: #282C34 !important;
}
.section:hover, .section.bg-warning {
background-color: #333842 !important;
}
.blockquote {
background-color: #181A1F;
border-left: 5px solid #0d0e11;
}
.dropdown-item i {
width: 32px;
}
.card {
color: #B7B8B9;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-clip: border-box;
border: 0 solid rgba(0, 0, 0, .125);
border-radius: .25rem;
background-color: #1D1F23 !important;
}
.table, .table-striped tr {
color: #B7B8B9 !important;
border-color: #3E4452 !important;
}
.bb-sticker ul {
background-color: #1D1F23 !important;
border: 1px solid #35373f !important;
z-index: 1;
}
.bb-color ul, .bb-size ul {
background-color: #1D1F23 !important;
border: 1px solid #35373f !important;
z-index: 1;
}
.bb-color ul li {
border: 2px solid #181A1F !important;
}
.bb-size ul li {
border-bottom: 1px solid #35373f !important;
}
.bb-size ul a {
color: gray !important;
}
.bb-size ul a:hover {
color: darkgray !important;
}
.post-rating-up.active {
color: #1D1F23;
}
.input-group-text, .popover-body {
background-color: #1D1F23 !important;
border: 1px solid #3E4452 !important;
color: #B7B8B9 !important;
}
.btn.btn-light:hover, .btn-light:active, .btn-light:focus {
color: darkgray !important;
}
.dropdown-menu {
background-color: #1D1F23 !important;
border: 1px solid #3E4452 !important;
color: #B7B8B9 !important;
}
.img-thumbnail {
border: 0;
box-shadow: 0 0 3px black;
padding: 0;
}
.dropdown-menu.show {
margin-left: -104px;
}
.btn-light {
background-color: #1D1F23 !important;
color: darkgray;
border: 1px solid #35373f !important;
}
.list-group-item {
background-color: #282C34;
color: #B7B8B9;
}
.forum_topic {
display: block;
}
.forum_topic a:first-child {
flex: 1;
padding: 5px
}
.forum_topic a:first-child:hover {
background-color: #282c34;
text-decoration: none;
}
.forum_topic a:last-child {
max-width: 80px;
width: 80px;
text-align: center;
padding: 5px;
}
.forum_topic a:last-child:hover {
background-color: #282c34;
text-decoration: none;
}
.border-top {
border-top: 1px solid #21252B !important;
}
.border-bottom {
border-bottom: 1px solid #21252B !important;
}
.hidden-text {
background-color: #1D1F23 !important;
}
.modal-content {
background-color: #282C34 !important;
color: #B7B8B9;
}
.modal-body button {
color: white;
}
.modal-footer {
border-top: 1px solid #3E4452 !important;;
}
.spoiler-text {
background-color: #1D1F23 !important;
}
.badge.bg-light {
background-color: #282C34 !important;
color: #B7B8B9 !important;
}
.badge.bg-info {
color: #1D1F23 !important;
}
.scrollup {
color: #FFF;
}
.performance {
background-color: #1D1F23;
color: #B7B8B9;
border: 1px solid #1D1F23;
box-shadow: 0 1px 8px #1D1F23;
}
.prettyprint, .js-queries {
background-color: #1D1F23;
color: #B7B8B9;
}
.prettyprint ol.linenums {
margin: 0;
padding: 0.5rem 3rem;
box-shadow: inset 40px 0 0 #21252B, inset 41px 0 0 #262638;
}