Skip to content

Kingdom of Loathing: Colorize Terrain Types by danfroese

Screenshot of Kingdom of Loathing: Colorize Terrain Types
Write a review Install Get Stylus

Details

Authordanfroese

LicenseCC Zero

Categorykingdomofloathing

Created

Updated

Size49 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Highlights KoL zone images with colors based on their terrain type. Originally written by joe-the-sauceror, updated by frazazel.

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name         Kingdom of Loathing: Colorize Terrain Types
@version      2024-08-27
@namespace    userstyles.world/user/danfroese
@description  Highlights zone images with certain colors. Useful for telling how it will affect your cold medicine cabinet at a glance. Originally written by joe-the-sauceror, updated by frazazel.

Outdoor = green
Indoor = yellow
Underground = red
Underwater = blue

Unknown or "none" terrain types are not colored.
Container zones that use image maps with clickable areas are not supportable at this time

@author       frazazel
@license      CC Zero
==/UserStyle== */
@-moz-document domain("localhost"),
domain("127.0.0.1"),
domain("kingdomofloathing.com") {
    /* == UNDERGROUND ZONES == */
    a[href$="snarfblat=399"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=400"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=401"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=406"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=407"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=138"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=19"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=226"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=39"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=325"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=166"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=167"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=168"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=169"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=170"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=171"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=172"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=203"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=458"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=30"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=31"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=32"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=33"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=34"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=257"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=258"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=259"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=260"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=50"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=101"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=51"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=52"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=53"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=264"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=262"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=261"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=263"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=127"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=128"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=129"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=130"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=240"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=92"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=177"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=452"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=270"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=176"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=322"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=221"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=48"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=164"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=246"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=410"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=423"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=305"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=449"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=481"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=509"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=510"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=519"] img[src$="1x1trans.gif"] {
        mix-blend-mode: lighten;
        background-color: #b00;
    }

    a[href$="snarfblat=399"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=400"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=401"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=406"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=407"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=138"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=19"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=226"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=39"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=325"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=166"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=167"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=168"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=169"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=170"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=171"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=172"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=203"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=458"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=30"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=31"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=32"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=33"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=34"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=257"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=258"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=259"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=260"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=50"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=101"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=51"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=52"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=53"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=264"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=262"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=261"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=263"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=127"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=128"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=129"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=130"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=240"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=92"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=177"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=452"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=270"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=176"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=322"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=221"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=48"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=164"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=246"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=410"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=423"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=305"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=449"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=481"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=509"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=510"] img:not([src$="1x1trans.gif"]),
    a[href$="snarfblat=519"] img:not([src$="1x1trans.gif"]) {
        filter: invert(1) brightness(0.6) sepia(1) invert(1) hue-rotate(125deg) saturate(3);
    }

    /* == INDOOR ZONES == */
    a[href$="snarfblat=558"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=355"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=70"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=71"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=319"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=320"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=321"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=339"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=340"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=383"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=439"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=440"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=495"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=528"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=113"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=388"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=389"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=390"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=391"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=394"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=392"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=393"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=395"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=396"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=397"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=398"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=341"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=342"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=343"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=344"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=280"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=233"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=281"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=282"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=283"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=284"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=285"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=286"] img[src$="1x1trans.gif"],
    a[href$="snarfblat=287"] img[s...

Reviews

No reviews yet.