Kingdom of Loathing: Dark Mode by danfroese

/* ==UserStyle==
@name         Kingdom of Loathing: Dark Mode
@version      20250104.22.49
@namespace    userstyles.world/user/danfroese
@description  Change the Kingdom of Loathing game website to be a low contrast dark mode that is easier on the eyes. Images are changed to white-on-black
@author       danfroese
@license      No License
==/UserStyle== */
@-moz-document regexp(".*(127\\.0\\.0\\.1:[0-9]+|kingdomofloathing\\.com)/(((game|loggedout|login|maint|desc_.*|doc)\\.php.*)|vb/.*)"),
domain("kol.coldfront.net") {
/*
  Change all darks to lights and lights to darks, while retaining the hue of every colour in the game
*/
    html {
        filter: contrast(0.6666) invert(1) hue-rotate(180deg);
    }
}

@-moz-document regexp(".*(127\\.0\\.0\\.1:[0-9]+|kingdomofloathing\\.com)/.*\\.php.*") {
/*
  Undo cyberrealm's black background, but don't undo any of the green.
  The general darkmode toggle above will change things back to a dark background.
*/
    html {
        background-color: #fff;
    }
    img[src$="cyberrealm_map.gif"],
    img.cybered {
        filter: invert(1) hue-rotate(180deg) !important;
    }
}
@-moz-document regexp(".*(127\\.0\\.0\\.1:[0-9]+|kingdomofloathing\\.com)/fight\\.php.*") {
/*
  Undo cyberrealm's black background, but don't undo any of the green.
  The general darkmode toggle above will change things back to a dark background.
*/
    select,
    body,
    td,
    .spacer,
    td.page,
    .button {
        background-color: #fff !important;
    }

    img#button1,
    img#button2,
    img#button3,
    img#button4,
    img#button5,
    img#button6,
    img#button7,
    img#button8,
    img#button9,
    img#button10,
    img#button11,
    img#button12 {
        filter: none !important;
    }
}