nodejumper.io dark by megabaks

/* ==UserStyle==
@name           nodejumper.io dark
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         megabaks
==/UserStyle== */
@-moz-document domain("nodejumper.io") {
    /* Insert code here... */
    :root {
        --button-color: #afafaf;
        --bg-color: #373737;
        --background-color: #373737;
        --text-color: #afafaf;
        --details-color: #afafaf;
        --border-color: #afafaf;
        --code-background-color: #232629;
    }

    * {
        text-shadow: unset !important;
    }
    body,
    html,
    a.link,
    .charts .no-data span,
    .nj-chain-bar-container,
    .nj-chain-bar,
    header,
    footer,
    .a,
    .card {
        background: #373737 !important;
        background-color: #373737 !important;
        color: #afafaf;
        border-color: #373737 !important;
    }

    .support-us-btn:hover {
        border-top: none;
        border: 1px solid #373737;
        background: #373737 !important;
        border-radius: .5rem !important;
    }

    .support-us-btn,
    .support-us {
        border-top: none !important;
        background: #343434 !important;
        border-radius: .5rem !important;
        margin: 6px;
    }

    .tabs-container:hover {
        border: 1px solid var(--border-color);
    }

    .tabs-container .tab-button:hover,
    .form-control {
        background: #afafaf !important;
        color: #373737 !important;
    }


    pre[class*=language-] {
        background: #f8f8f8bf;
    }

    .copy-button {
        top: 0px !important;
        right: 0px !important;
        padding: 12px !important;
        height: 48px;
        background: #afafaf;
        line-height: inherit;
    }

    .simple-table,
    .chart,
    .decentralization-map-wrapper {
        border: none !important;
    }

    .copy-to-clipboard-button,
    .card,
    .card,
    .mat-table *,
    .nj-menu,
    .mat-paginator,
    .mat-select-value,
    .app-left-hand-menu,
    .form-control:disabled,
    .card .fast-links .link * {
        background: #555 !important;
        color: #afafaf !important;
        border: none !important;
        outline: none !important;
    }

    .item.active,
    .sub-item-container-2.active {
        background: #666 !important;
    }

    .mat-select-arrow,
    .mat-form-field.mat-focused.mat-primary .mat-select-arrow {
        color: #afafaf;
    }


    .mat-form-field-appearance-legacy .mat-form-field-underline,
    .mat-form-field-underline,
    .mat-form-field.mat-focused .mat-form-field-ripple {
        background-color: #afafaf;
    }

    .tabs-container .tab-button.active {
        color: #111;
    }

    div.code-toolbar > .toolbar > .toolbar-item > button,
    .copy-button {
        padding: 12px;
        top: 10px;
        right: 16px;
    }

    tspan,
    .token {
        fill: #afafaf;
        color: #afafaf;
    }

    .token.operator,
    .token.entity,
    .token.url,
    .language-css .token.string,
    .style .token.string {
        background: none;
    }

    .leaflet-touch .leaflet-control-layers,
    .leaflet-touch .leaflet-bar {
        border: none;
    }

    .total {
        background: #555 !important;
        color: #afafaf !important;
        border-radius: .375em;
    }

    .leaflet-control-zoom-in,
    .leaflet-control-zoom-out {
        background: #555 !important;
        color: #afafaf !important;
    }

    .leaflet-control-zoom-in {
        border-top-left-radius: .375em !important;
        border-top-right-radius: .375em !important;
    }

    .leaflet-control-zoom-out {
        border-bottom-left-radius: .375em !important;
        border-bottom-right-radius: .375em !important;
    }

    code[class*=language-],
    pre[class*=language-] {
        color: #afafaf;
        background: #232629;
        text-shadow: none;
    }

    .nj-menu-links .sub-item-container-1,
    .nj-menu-links .sub-item-container-2,
    .nj-menu-links .sub-item-container-3,
    .nj-menu-links .sub-item-container-4,
    .nj-menu-links .sub-item-container-5 {
        background-color: #666 !important;
    }
}