Possible Enhancement: Dark Mode CSS Support (sharing personal stylus modification --not sure if this can/could/should be implemented as an option)

[infopowerbroker]

I'm using stylus for dark mode support on KOL. Essentially inverting text colors (white text on black background, with inverted image colors). For what it's worth, here is some of the CSS that could be used for dark mode if others wanted it:

rectory td,.directory th{font-size:13px;border:0px;border-collapse:separate;padding:0px 10px;}
.submit{font-size:11px;color:white;border:0px;border-collapse:separate;padding:0px 0px;background:transparent;text-decoration:underline;cursor:pointer;}
.opts td{text-decoration:underline}
.tableD{font-size:13px;border:1px solid;border-spacing:0px;border-collapse:separate;background-color:#000000;width:100%;}
.imgtable td{width:75px !important;}
.rowD th,.rowD td{font-size:13px;text-align:center;padding:0px 3px;}
table:not(.tots).sortable tbody tr:nth-child(odd):not(:hover) td, table.tots.sortable tbody tr:nth-child(even):not(:hover) td{background-color:#000000}
table.sortable tbody tr:hover *{background-color:#000080 !important;color:#FFFFFF !important;}
tr.HL *{background-color:#254117 !important;}
select, select option{font-size:13px;}
.rowL th,.rowL td{font-size:13px;text-align:left;padding:0px 3px;}
.bossKiller{font-weight:bold;color:black !important;}
.clear{font-weight:bold;color:darkgreen !important;}
.smalltxt{font-size:12px;color:black;background-color:white;font-weight:normal;padding:1px;height:auto;}
.smallbtn{font-size:11px;font-style:normal;color:black;border-color:gray;background-color:lightgray;font-weight:bold;height:16px;}
.eMsg{font-size:14px; font-weight:bold; border:3px solid red;}
.contextBox {border:2px solid blue;background-color:black;}
.SkinsC{color:white;}
.TST{border-color:black;}
.TSI{font-weight:bold;color:white;background-color:#17037D;}
.TSO{background-color: #2000ff;}
.SewerT, .PartsT, .DreadInnT{border-color:brown;}
.SewerI, .PartsI, .DreadInnI{font-weight:bold;color:white;background-color:#6e5603;}
.SewerO, .PartsO, .DreadInnO{background-color:#98790C;}
.BootsC{color:#D93636;}
.BBT{border-color: red;}
.BBI, .HotI{font-weight:bold;color:white;background-color:#aa1b1b;}
.BBO, .HotO{background-color:#D93636;}
.EyesC{color:#3B7FEF;}
.EET{border-color:blue;}
.EEI, .ColdI{font-weight:bold;color:white;background-color:#0c3f92;}
.EEO, .ColdO{background-color:#3B7FEF;}
.GutsC{color:#438C5B;}
.HeapT{border-color:green;}
.HeapI, .StenchI{font-weight:bold;color:white;background-color:#2d7244;}
.HeapO, .StenchO{background-color:#438C5B;}
.SkullsC{color:#919191;}
.AHBGT{border-color:gray;}
.AHBGI, .SpookyI{font-weight:bold;color:white;background-color:#777272;}
.AHBGO, .SpookyO{background-color:#919191;}
.CrotchesC{color:#B12DA6;}
.PLDT{border-color:purple;}
.PLDI, .SleazeI{font-weight:bold;color:white;background-color:#791270;}
.PLDO, .SleazeO{background-color:#B12DA6;}
.SlimeT{border-color:green;}
.SlimeI{font-weight:bold;color:black;background-color:#0f5501;}
.SlimeO{background-color:#146803;}
.HauntedT{border-color:#FFA500;}
.HauntedI{font-weight:bold;color:black;background-color:#101010;}
.HauntedO{background-color:#FFA500;}
.DreadCastleC{color:#8e8a8a;}
.DreadCastleT{border-color:#CFB53B;}
.DreadCastleI{font-weight:bold;color:white;background-color:#303030;}
.DreadCastleO{background-color:#424242;}
.DreadCastleE{background-color:#424242;}
.DreadVillageC{color:#98790C;}
.DreadVillageT{border-color:brown;}
.DreadVillageI{font-weight:bold;color:white;background-color:#98790C;}
.DreadVillageO{background-color:#7c745e;}
.DreadVillageE{background-color:#7c745e;}
.DreadWoodsC{color:#254117;}
.DreadWoodsT{border-color:green;}
.DreadWoodsI{font-weight:bold;color:white;background-color:#254117;}
.DreadWoodsO{background-color:#596c54;}
.DreadWoodsE{background-color:#596c54;}
.context-menu-item:not(.icon-key) {padding:2px 2px 2px 12px !important;}
.context-menu-item.icon-key { padding:2px 2px 2px 24px !important; background-image:url(/images/itemimages/dv_key.gif); background-size:18px 18px; background-repeat:no-repeat;}