Feature Request: Dark Mode?

/**************
GLOBAL STYLES
***************/

body {
    background: #000;
    color: white;
}

a {
    color: #bbc;
}

a:hover {
    color: #fff;
    text-decoration: underline;
}

li a:hover, li.folder:hover {
    color: #000;
    text-decoration: none;
}

/**************
FLOATING HEADER
***************/

#header {
    box-shadow: none;
    position: fixed;
    z-index: 100;
    width: 80%;
    max-width: 1600px;
}

@media only screen and (max-width: 1200px) {
  #header {    
    min-width: 100%;
  }
}

#main-content {
    padding-top: 37px;
}

/**************
RANDOM TWEAKS
***************/

#wrapper {
    background: #444;
    border: 0;
    box-shadow: 0 0 50px #fff;
}

#nav {
    background: #223;
}

#nav a, #nav a:hover {
    color: white;
}

table.cols td.col.left_menu {
    border: 0;
    background: linear-gradient(to right, #222 60%, transparent);
}

.top_right_col_ad, .left_menu_ad, .leaderboard, .leaderboard + div:not([id]) {
    display: none;
}

.bordered_table {
    border: 0;
}

.blue_box {
    background: #223;
}

.blue_box a:hover {
    color: #fff;
    text-decoration: underline;
}

.warning, .price {
    background-color: #640;
}

.import .warning {
    color: #fff;
}

.price {
    border: 1px solid #ca0;
    margin: 2px 0;
}

h3, .thin_header, li.main_menu_item, table.card_info .label, .section_title span, .deck_category {
    color: #ccc;
}

.edit_details a, .submenu_entry.current a {
    color: #000;
}

[class*="_list_container"] a {
    color: #888;
}

.disabled {
    opacity: 0.25;
}

.note {
    color: #ccc;
}

.info {
    background-color: #F5F8FE;
    border: 1px solid #ccc;
}

li.folder {
    padding-top: 3px;
}

.button_expand {
    margin-left: 5px;
}

#footer .btn-default {
    background-color: #000;
}

#footer a:hover {
    color: #aaa;
}

/**************
INVENTORY COLORS
***************/

.bordered_table .controls {
    background: #000;
}

.bordered_table th, .bordered_table td {
    border-color: #000;
}

tr.even {
    background-color: #222;
}

tr.selected {
    background-color: #650;
}

.card_count {
    color: #fff;
}

td.editable:hover {
    background: none;
}

td.editable.card_count.error {
    background-color: #f88;
    border-color: #f00;
    color: #822;
}

.inventory_count {
    background-color: #042;
}

.tradelist_count {
    background-color: #024;
}

.wishlist_count {
    background-color: #420;
}

/**************
SET ICON FIX
***************/

td.minimum_width {
    width: auto;
}

.mtg_edition_container {
    height: 18px;
    width: 27px;
    float: left;
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    background-color: #fff;
    border-radius: 4px;
}

.mtg_edition_container img {
    max-height: 20px;
    max-width: 29px;
}

/**************
DROPDOWNS
***************/

.hover_dropdown li.main:hover, [class*="_dropdown"] ul.subsection li {
    background: #888;
}

[class*="_dropdown"] li.main:hover li a, .hover_dropdown li.main:hover a {
    background: #aaa;
    color: white;
}

.hover_dropdown li.main:hover a:hover {
    color: #000;
}

#nav .main_dropdown ul li a:hover {
    color: #000;
}

/**************
POPUPS & DIALOGS
***************/

.deckbox_i_tooltip.image {
    background: #320;
    box-shadow: 0 0 20px rgba(255,255,255,0.4);
}

#panel_container, #modalWindow, #autocomplete_container li {
    background-color: #000;
}

#autocomplete_container li.selected {
    background-color: #888;
}

#autocomplete_container .rules {
    color: #888;
}

#autocomplete_container li.selected .rules {
    color: #444;
}

#panel_header li a {
    color: black;
}

#panel_header li.active a {
    color: white;
}

/**************
FORUM OVERRIES
***************/

#brd-main, #brd-main *, #brd-visit {
    color: black;
}

#brd-main a, #brd-main a *, #brd-visit a {
    color: darkblue;
}

#brd-main a:hover, #brd-main a:hover *, #brd-visit a:hover {
    color: red;
}

#brd-navlinks a:hover {
    color: white;
}

#brd-main .main-head *, #brd-main .main-foot * {
    color: white;
}