dark-cloudflare-dash.user.css

/* ==UserStyle==
@name           Dark Cloudflare Dash
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Makes Cloudflare's dash dark themed
@author         LunarTwilight
@updateURL      https://gist.github.com/LunarTwilight/8c851dc46a1f6875bca8d42a276c8621/raw/dark-cloudflare-dash.user.css
==/UserStyle== */
@-moz-document domain("dash.cloudflare.com") {
    /* Make page dark (and unset on worker website preview) */
    html,
    .Pane2.vertical.Pane div:not(.Pane2) > iframe {
        filter: invert(1) hue-rotate(180deg);
    }

    /* Scrollbar */
    ::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }
    ::-webkit-scrollbar-thumb {
        background-color: rgba(50, 50, 50, 0.5);
    }
    ::-webkit-scrollbar-thumb:hover {
        background-color: rgba(60, 60, 60, 0.75);
    }
    ::-webkit-scrollbar-thumb:active {
        background-color: rgba(70, 70, 70, 1);
    }
    ::-webkit-scrollbar-track {
        background-color: #000000;
    }
}