Dark MouseHunt by inkahootz

/* ==UserStyle==
@name         Dark MouseHunt
@description  Customizable recolor for most of the UI. Default palette is a dark mode. Intended for use with Stylus extension. Based on https://greasyfork.org/en/scripts/449330-mousehunt-dark-ui-theme-full from squash.
@namespace    github.com/InKahootz/dark-mousehunt
@homepageURL  https://github.com/InKahootz/dark-mousehunt
@supportURL   https://github.com/InKahootz/dark-mousehunt/issues
@author       Xellis (https://github.com/hymccord)
@version      0.16.0
@license      MIT
@preprocessor stylus

@var color custom-text-normal "Text Normal - Most text" #dcddde
@var color custom-text-muted "Text Muted - Darker than normal text" #a3a6aa
@var color custom-text-link "Links - Most links" hsl(197, 100%, 47.8%)
@var color custom-text-positive "Text Positive - Trap selector stat values" hsl(139, 51.6%, 52.2%)
@var color custom-text-danger "Text Negative - Trap selector stat values" hsl(359, 82%, 73.9%)
@var color custom-text-contrast "Text Contrast - Rarely used where darker text is needed" #4f545c
@var color custom-background-primary "Background Primary - Most backgrounds" #36393f
@var color custom-background-secondary "Background Secondary - Darker background" #2f3136
@var color custom-background-accent "Background Accent - Lighter background" #4f545c
@var color custom-background-floating "Background Floating - Higher contrast darker background" #18191c
@var color custom-background-trap "Background Behind Trap" #2f3136
@var color custom-background-outer "Background for page outside the UI" #18191c
@var color custom-background-outer-secondary "Background for page immediately outside UI" #232429
@var color custom-background-border "Borders" #4f545c
@var range custom-hud-brightness "Hud Brightness" [100, 0, 100, 1, '%']
@var range custom-journal-brightness "Journal Brightness" [75, 0, 100, 1, '%']
@var range custom-column-brightness "Outside Column Brightness" [25, 0, 100, 1, '%']
@var checkbox remove-camp-background "Remove Camp Background (Wood, Blueprint)" 0
==/UserStyle== */
@-moz-document url-prefix("https://www.mousehuntgame.com"),
url-prefix("http://www.mousehuntgame.com") {
    /* Main */
    :root {
        --text-normal: custom-text-normal;
        --text-muted: custom-text-muted;
        --text-link: custom-text-link;
        --text-positive: custom-text-positive;
        --text-danger: custom-text-danger;
        --background-primary: custom-background-primary;
        /* background color for most elements */
        --background-secondary: custom-background-secondary;
        /* should be darker than primary */
        --background-accent: custom-background-accent;
        /* should be lighter than primary */
        --background-floating: custom-background-floating;
        /* should be darker than secondary */
        --text-contrast: custom-text-contrast;
        /* used in situations where darker text is needed */
        --background-trap: custom-background-trap;
        /* background behind trap art */
        --background-outer: custom-background-outer;

        --background-outer-secondary: custom-background-outer-secondary;
        /* page background outside UI */
        --background-border: custom-background-border;
        /* almost every border */
        --loader-brightness: 0.2;
        /* used to dim full page instances of the white loader mouse */
        --hg-default-black: #000;
        --hg-default-grey: #333;
        --hg-default-white: #fff;

        /* for resetting various things back to hg defaults */
    }

    /*  
	Incomplete:
	- many random dialogs -- don't want to target them too generally
	- team
	- friends 
	- journal -- not doing without a good color palette for all entry types
	- travel -- not doing
	- loaders -- the circular ones are ok
	- premium shop -- not doing
	*/
    
    /** HUD ***/
    .gameHeader {
        filter: brightness(custom-hud-brightness);
        z-index: 11;
    }

    /*** General/Outer HUD ***/
    .pageSidebarView a,
    .pageFrameView-footer a {
        color: var(--text-link);
    }

    body.hasSidebar {
        background-color: var(--background-outer);
    }

    body.PageTermsOfService .tos,
    body.PagePrivacyPolicy .tos {
        background-color: var(--hg-default-white);
        color: var(--hg-default-grey);
        padding: 5px;
    }

    .pageFrameView-column.left,
    .pageFrameView-column.right {
        background-image: none;
        background-color: var(--background-outer);
        border-color: var(--background-outer-secondary);
    }

    #mousehuntContainer.PageCamp {
        box-shadow: inset 0px 0px 0px 1px var(--background-border);
        /* darkens the 1px line on either side of the camp background image */
    }
    
    if (remove-camp-background) {
        #mousehuntContainer.PageCamp,
        #mousehuntContainer.PageCamp.showBlueprint {
            background: none;
        }
        
    }

    .pageFrameView-content {
        background-color: var(--background-outer-secondary);
    }

    .pageFrameView-contentContainer {
        background-color: var(--background-outer-secondary);
    }

    .mousehuntHeaderView {
        background-color: var(--background-outer-secondary);
    }

    .mousehuntHeaderView-gameTabs,
    .mousehuntHeaderView .menuItem {
        background-image: none;
        color: var(--text-normal);
        box-shadow: none;
        border-color: var(--background-border);
        background-color: var(--background-primary);
    }

    .mousehuntHud-gameInfo {
        background-color: var(--background-primary);
        color: var(--text-normal);
    }

    .mousehuntHud-gameInfo a {
        color: var(--text-link);
    }

    .mousehuntHeaderView-newsTicker .label {
        color: var(--text-normal);
    }

    .mousehuntHeaderView-newsTicker a {
        color: var(--text-link);
    }

    .mousehuntHeaderView-newsTicker {
        background-color: var(--background-primary);
        color: var(--text-normal);
        border-color: var(--background-border);
    }

    .pageSidebarView {
        background-color: var(--background-outer-secondary);
        color: var(--text-normal);
    }

    .pageSidebarView .fb-page {
        background-color: var(--background-outer);
        color: var(--text-muted);
        border-color: transparent;
        height: auto;
    }

    .pageSidebarView-user {
        border-color: var(--background-border);
        color: var(--text-normal);
    }

    .mousehuntHeaderView .dropdownContent {
        background-color: var(--background-floating);
        border-color: var(--background-border);
        color: var(--text-normal);
    }

    .mousehuntHeaderView .dropdownContent a,
    .mousehuntHeaderView .dropdownContent a span {
        color: var(--text-normal);
        border-color: var(--background-border);
    }

    .scoreboardRelativeRankingTableView-table tr.highlight {
        background-color: var(--background-accent);
    }

    .scoreboardRelativeRankingTableView-table {
        border: none;
        color: var(--text-normal);
    }

    /*** Camp ***/
    .campPage-trap {
        background-color: var(--background-secondary);
        border-color: var(--background-border);
        box-shadow: none;
    }

    .campPage-trap .trapImageView {
        background-color: var(--background-trap);
        border-color: var(--background-border);
    }

    .trapSelectorView__armedItem {
        box-shadow: none;
    }

    .trapSelectorView__armedItem.bait {
        background-color: var(--background-primary);
        border-color: var(--background-border);
        box-shadow: none;
    }

    .trapSelectorView__armedItem.bait .trapSelectorView__armedItemImageImage {
        border-color: var(--background-border);
    }

    .trapSelectorView__armedItemQuantity span {
        background-color: var(--background-primary);
        border-color: var(--background-border);
        color: var(--text-normal);
        box-shadow: none;
    }

    .campPage-trap-baitLabel {
        color: var(--text-muted);
    }

    .campPage-trap-baitDetails {
        color: var(--text-normal);
        text-shadow: none;
    }

    .trapSelectorView__armedItemBorder {
        background-color: var(--background-primary);
        border-color: var(--background-border);
        box-shadow: none;
    }

    .trapSelectorView__armedItem--empty .trapSelectorView__armedItemImage {
        background: var(--background-primary);
        color: var(--text-muted);
        box-shadow: 0 0 1px 1px var(--background-border) inset
    }

    .campPage-trap-armedItem-skin-description {
        color: var(--text-normal);
    }

    .campPage-trap-armedItem-skin-description-content b {
        color: var(--text-muted);
    }

    .campPage-trap-armedItem.skin .campPage-trap-armedItem-skin-description-content span {
        color: var(--text-normal);
    }

    .trapSelectorView__armedItemImage {
        border-color: var(--background-border);
    }

    .campPage-trap-armedItem.inactive {
        background-color: var(--background-secondary);
    }

    .campPage-trap-armedItem.active {
        box-shadow: -1px -1px 1px var(--background-secondary) inset,
        2px 2px 8px var(--background-accent);
    }
    
    .trapSelectorView__activeCodexContainer {
        color: var(--text-normal);
        background-color: var(--background-primary);
        border-color: var(--background-border);
        box-shadow: none;
    }
    
    .trapSelectorView__codexFilterButton.active {
        background-color: var(--background-accent)
    }
    
    .trapSelectorView__codexFilterButton {
        color: var(--text-normal);
        background-color: var(--background-secondary)
    }
    
    .trapSelectorView__innerBlock {
        background-color: var(--background-secondary);
        border-color: var(--background-border);
        color: var(--text-muted);
    }
    
    .trapSelectorView__tooltip::before {
        border-color: var(--background-border) transparent trans...