HDYC Dark Mode by Nekzuris

/* ==UserStyle==
@name           HDYC Dark Mode
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Dark mode for How did you contribute to OpenStreetMap?
@author         Nekzuris
==/UserStyle== */

@-moz-document domain("hdyc.neis-one.org") {

    html {
        color-scheme: dark !important;
    }
    body {
        background: #212529; 
        background: #181a1b; 
        color: #e8e6e3;
        overflow-x: hidden !important;
    }
    #header a, #mapper_wrapper a {
        color: #e8e6e3 !important;
    }
    #user {
        border-color: rgb(58, 62, 65) !important;
    }
    .search {
        border-color: rgb(123, 114, 101) !important;
    }
    .button {
        background-color: rgb(42, 46, 47);
        border-color: rgb(58, 62, 65) !important;
    }
    
    /* revert cell from Dark Reader */
    .day-cell,
    .calendar-heatmap-legend {
        fill: revert-layer !important;
    }
    .day-cell[fill="#e8e8e8"] {
        fill: #262a2b !important;
    }
    
    /* Tables */
    #result td {
        border-color: rgb(54, 54, 89);
    }
    #result tr:nth-child(-n + 4) td:nth-child(2),
    #result tr:nth-child(n+6):nth-child(-n+8) td:nth-child(1) {
        color: #ff72ff !important;
    }
    #result tr:nth-child(-n + 4) td:nth-child(3) {
        color: #72ff72 !important;
    }
    
    /* Maps */
    #activitymap, #mapwrapper {
        filter: none !important;
    }
    #activitymapswitcher {
        background-color: rgba(24, 26, 27, 0.8);
    }
    .leaflet-popup-content-wrapper, .leaflet-popup-tip {
        background-color: rgb(24, 26, 27);
    }
    #mapwrapper .leaflet-popup-content a, #activitymapswitcher a {
        color: rgb(86, 207, 255) !important;
    }
    
    /* Charts */
    .tickLabel {
        color: #b3aca2 !important;
    }
    .editors_wrapper th, .editors_wrapper td {
        border-bottom-color: rgb(140, 130, 115) 
    }
    #graph_years canvas,
    #graph_editors canvas,
    #graph_days canvas,
    #graph_hours canvas {
        filter: saturate(4);
    }
    
    #extras a, .copyright a {
        color: #3391ff !important;
    }
    

}