html.dark-mode {
  color-scheme: dark; }
  html.dark-mode body {
    background: #12161d;
    color: #d3d7de; }
  html.dark-mode a {
    color: #15cdf7; }
    html.dark-mode a:hover, html.dark-mode a:focus {
      color: #50daf9; }
  html.dark-mode hr {
    border-top-color: #2c3441; }
  html.dark-mode h2 small, html.dark-mode small, html.dark-mode .text-muted {
    color: #aab1bc; }
  html.dark-mode footer {
    background-color: #12161d;
    color: #aab1bc; }
    html.dark-mode footer a {
      color: #c4cdde; }
      html.dark-mode footer a:hover, html.dark-mode footer a:focus {
        color: #fff; }
    html.dark-mode footer hr {
      border-top-color: #2c3441; }
  html.dark-mode .home:not(.logged-in) footer {
    background-color: #1b212b; }
  html.dark-mode .page-header {
    border-bottom-color: #2c3441; }
  html.dark-mode blockquote {
    border-left-color: #2c3441;
    color: #aab1bc; }
  html.dark-mode .btn-default {
    background-color: #232a35;
    background-image: none;
    border-color: #2c3441;
    color: #d3d7de; }
    html.dark-mode .btn-default:hover, html.dark-mode .btn-default:focus, html.dark-mode .btn-default:active, html.dark-mode .btn-default.active {
      background-color: #2f3947;
      border-color: #2c3441;
      color: #fff; }
  html.dark-mode .btn-primary {
    background-color: #232a35;
    background-image: none;
    border-color: #07acd2;
    color: #15cdf7; }
    html.dark-mode .btn-primary:hover, html.dark-mode .btn-primary:focus, html.dark-mode .btn-primary:active, html.dark-mode .btn-primary.active {
      background-color: #07acd2;
      border-color: #07acd2;
      color: #fff; }
  html.dark-mode .btn-success {
    background-color: #232a35;
    background-image: none;
    border-color: #20bb20;
    color: #20bb20; }
    html.dark-mode .btn-success:hover, html.dark-mode .btn-success:focus, html.dark-mode .btn-success:active, html.dark-mode .btn-success.active {
      background-color: #20bb20;
      border-color: #20bb20;
      color: #fff; }
  html.dark-mode .btn-info {
    background-color: #232a35;
    background-image: none;
    border-color: #743af3;
    color: #9b7cf6; }
    html.dark-mode .btn-info:hover, html.dark-mode .btn-info:focus, html.dark-mode .btn-info:active, html.dark-mode .btn-info.active {
      background-color: #743af3;
      border-color: #743af3;
      color: #fff; }
  html.dark-mode .btn-danger {
    background-color: #232a35;
    background-image: none;
    border-color: #b3182d;
    color: #e35d6a; }
    html.dark-mode .btn-danger:hover, html.dark-mode .btn-danger:focus, html.dark-mode .btn-danger:active, html.dark-mode .btn-danger.active {
      background-color: #b3182d;
      border-color: #b3182d;
      color: #fff; }
  html.dark-mode .btn-warning {
    background-color: #232a35;
    background-image: none;
    border-color: #b4a232;
    color: #cbb84a; }
    html.dark-mode .btn-warning:hover, html.dark-mode .btn-warning:focus, html.dark-mode .btn-warning:active, html.dark-mode .btn-warning.active {
      background-color: #b4a232;
      border-color: #b4a232;
      color: #fff; }
  html.dark-mode .panel {
    background-color: #1b212b;
    border-color: #2c3441;
    box-shadow: none; }
  html.dark-mode .panel-default > .panel-heading {
    background-color: #232a35;
    background-image: none;
    border-color: #2c3441;
    color: #d3d7de; }
  html.dark-mode .panel-footer {
    background-color: #232a35;
    border-color: #2c3441; }
  html.dark-mode .well {
    background-color: #1b212b;
    background-image: none;
    border-color: #2c3441;
    color: #d3d7de;
    box-shadow: none; }
  html.dark-mode .jumbotron {
    background-color: #1b212b;
    color: #d3d7de; }
  html.dark-mode .thumbnail {
    background-color: transparent;
    border-color: #2c3441;
    box-shadow: none; }
  html.dark-mode .item,
  html.dark-mode .item:hover,
  html.dark-mode .item:nth-of-type(odd),
  html.dark-mode .item:nth-of-type(odd):hover {
    background: transparent;
    border-color: transparent; }
  html.dark-mode .item .caption {
    color: #d3d7de; }
  html.dark-mode .table {
    color: #d3d7de; }
  html.dark-mode .table > thead > tr > th,
  html.dark-mode .table > tbody > tr > td,
  html.dark-mode .table > tbody > tr > th,
  html.dark-mode .table-bordered,
  html.dark-mode .table-bordered > thead > tr > th,
  html.dark-mode .table-bordered > tbody > tr > td {
    border-color: #2c3441; }
  html.dark-mode .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #232a35; }
  html.dark-mode .table-hover > tbody > tr:hover {
    background-color: #2d3644; }
  html.dark-mode .form-control {
    background-color: #232a35;
    border-color: #2c3441;
    color: #d3d7de;
    box-shadow: none; }
    html.dark-mode .form-control:focus {
      border-color: #15cdf7; }
    html.dark-mode .form-control::placeholder {
      color: #aab1bc; }
  html.dark-mode .input-group-addon {
    background-color: #232a35;
    border-color: #2c3441;
    color: #d3d7de; }
  html.dark-mode .navbar .search-box,
  html.dark-mode .nav input {
    background-color: rgba(255, 255, 255, 0.18);
    color: #fff; }
    html.dark-mode .navbar .search-box::placeholder,
    html.dark-mode .nav input::placeholder {
      color: #cfd6e6; }
  html.dark-mode .list-group-item {
    background-color: #1b212b;
    border-color: #2c3441;
    color: #d3d7de; }
  html.dark-mode a.list-group-item:hover,
  html.dark-mode a.list-group-item:focus {
    background-color: #232a35;
    color: #d3d7de; }
  html.dark-mode .nav-tabs {
    border-bottom-color: #2c3441; }
  html.dark-mode .nav-tabs > li > a:hover,
  html.dark-mode .nav-tabs > li > a:focus {
    background-color: #232a35;
    border-color: #2c3441; }
  html.dark-mode .nav-tabs > li.active > a,
  html.dark-mode .nav-tabs > li.active > a:hover,
  html.dark-mode .nav-tabs > li.active > a:focus {
    background-color: #1b212b;
    border-color: #2c3441;
    border-bottom-color: transparent;
    color: #d3d7de; }
  html.dark-mode .pagination > li > a,
  html.dark-mode .pagination > li > span {
    background-color: #1b212b;
    border-color: #2c3441;
    color: #15cdf7; }
  html.dark-mode .pagination > li > a:hover,
  html.dark-mode .pagination > li > span:hover {
    background-color: #232a35;
    border-color: #2c3441; }
  html.dark-mode .pagination > .disabled > a,
  html.dark-mode .pagination > .disabled > span {
    background-color: #1b212b;
    border-color: #2c3441;
    color: #aab1bc; }
  html.dark-mode .breadcrumb {
    background-color: #232a35; }
  html.dark-mode .modal-content {
    background-color: #1b212b;
    color: #d3d7de; }
  html.dark-mode .modal-header,
  html.dark-mode .modal-footer {
    border-color: #2c3441; }
  html.dark-mode .modal-header .close {
    color: #d3d7de;
    text-shadow: none;
    opacity: 0.8; }
  html.dark-mode .modal-body input[type="text"],
  html.dark-mode .modal-body input[type="password"],
  html.dark-mode .modal-body input[type="email"] {
    background-color: #232a35;
    border: 1px solid #2c3441;
    color: #d3d7de; }
  html.dark-mode code {
    background-color: #2b2f36;
    color: #e0857b; }
  html.dark-mode pre {
    background-color: #232a35;
    border-color: #2c3441;
    color: #d3d7de; }
  html.dark-mode .CodeMirror {
    background-color: #232a35;
    color: #d3d7de; }
  html.dark-mode .CodeMirror pre {
    background-color: transparent; }
  html.dark-mode .cm-s-paper .cm-variable,
  html.dark-mode .cm-s-paper .cm-operator,
  html.dark-mode .cm-s-paper .cm-property,
  html.dark-mode .cm-s-paper .cm-header,
  html.dark-mode .cm-s-paper .cm-def {
    color: #d3d7de; }
  html.dark-mode .CodeMirror div.CodeMirror-cursor {
    border-left-color: #d3d7de; }
  html.dark-mode .CodeMirror-selected {
    background: #33415c; }
  html.dark-mode .CodeMirror-focused .CodeMirror-selected {
    background: #3a4a6b; }
  html.dark-mode .CodeMirror-scrollbar-filler {
    background-color: #232a35; }
  html.dark-mode .alert {
    background-color: #1b212b;
    border-color: #2c3441;
    color: #d3d7de; }
    html.dark-mode .alert .close {
      color: #d3d7de;
      text-shadow: none; }
  html.dark-mode .alert-info {
    border-color: #07acd2; }
  html.dark-mode .alert-success {
    border-color: #20bb20; }
  html.dark-mode .alert-warning {
    border-color: #b4a232; }
  html.dark-mode .alert-danger {
    border-color: #b3182d; }
  html.dark-mode .search-tips.alert-info {
    background-color: #1b212b;
    border-color: #2c3441;
    color: #d3d7de; }
    html.dark-mode .search-tips.alert-info code {
      background-color: #2b2f36; }
  html.dark-mode #changelog p,
  html.dark-mode #changelog .timeline-label h2 {
    color: #d3d7de; }
  html.dark-mode .tab-content {
    background-color: #232a35; }
  html.dark-mode .row.following-mod:nth-of-type(odd) {
    background-color: #232a35; }
  html.dark-mode .header {
    background-color: #12161d; }
  html.dark-mode .navbar-default {
    background-color: #12161d;
    background-image: none;
    border-bottom: 1px solid #2c3441; }
  html.dark-mode .dropdown-menu {
    background-color: #1b212b;
    border-color: #2c3441; }
  html.dark-mode #players, html.dark-mode #modders, html.dark-mode #register {
    background: #1b212b; }
  html.dark-mode #modders a {
    color: #15cdf7; }
  html.dark-mode .info-list {
    background-color: #1b212b;
    border-color: #2c3441;
    color: #d3d7de; }
  html.dark-mode .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
    background-color: #232a35; }
    html.dark-mode .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2, html.dark-mode .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p {
      color: #d3d7de; }
    html.dark-mode .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 a {
      color: #15cdf7; }
  html.dark-mode .timeline-end,
  html.dark-mode .timeline-hide-end {
    background-color: #232a35; }
  html.dark-mode .timeline-entry-inner[style*="F5F5F5"] {
    background-color: #232a35 !important; }
  html.dark-mode .timeline-centered .timeline-entry .timeline-entry-inner:has(input) .timeline-label {
    background-color: #1b212b; }
  html.dark-mode .timeline-entry-inner:has(input).timeline-end,
  html.dark-mode .timeline-entry-inner:has(input).timeline-hide-end {
    background-color: transparent; }
  html.dark-mode .timeline-centered:before {
    background-color: #07acd2; }
  html.dark-mode #changelog .timeline-centered:before {
    background-color: #07acd2; }
  html.dark-mode .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
    background-color: #07acd2; }
  html.dark-mode .upload-well {
    background-color: #1b212b !important; }
    html.dark-mode .upload-well a, html.dark-mode .upload-well .directions {
      color: #d3d7de; }
  html.dark-mode .editor-wrapper {
    color: #d3d7de; }
  html.dark-mode .editor-toolbar a {
    color: #d3d7de !important; }
    html.dark-mode .editor-toolbar a.active, html.dark-mode .editor-toolbar a:hover {
      background: #232a35;
      border-color: #2c3441; }
  html.dark-mode .editor-preview {
    background: #1b212b; }
  html.dark-mode .editor-statusbar {
    color: #aab1bc;
    border-top-color: #2c3441; }
  html.dark-mode .dropzone .dz-preview .dz-image,
  html.dark-mode .dropzone .dz-preview.dz-file-preview .dz-image {
    background: #232a35; }
  html.dark-mode .dropzone .dz-preview .dz-details {
    color: #d3d7de; }
  html.dark-mode .dropzone .dz-preview .dz-details .dz-filename span,
  html.dark-mode .dropzone .dz-preview .dz-details .dz-size span {
    background-color: #1b212b !important;
    color: #d3d7de; }
  html.dark-mode .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
    border-color: transparent; }
  html.dark-mode .chosen-single,
  html.dark-mode .chosen-choices,
  html.dark-mode .chosen-container-active .chosen-single,
  html.dark-mode .chosen-container-active.chosen-with-drop .chosen-single {
    background: #232a35 !important;
    background-image: none !important;
    border-color: #2c3441 !important;
    color: #d3d7de;
    box-shadow: none !important; }
  html.dark-mode .chosen-drop {
    background: #1b212b !important;
    border-color: #2c3441; }
  html.dark-mode .chosen-results > li {
    color: #d3d7de; }
    html.dark-mode .chosen-results > li.highlighted {
      background: #232a35; }