atlassian dark theme by barefootstache

/* ==UserStyle==
@name         atlassian dark theme
@version      1.0.0
@namespace    userstyles.world/user/barefootstache
@description  Dark mode for Jira, Bitbucket, and Confluence.
@author       barefootstache
@license      CC-BY-SA-4.0
@homepageURL  https://codeberg.org/barefootstache/atlassian-dark-theme
@supportURL   https://codeberg.org/barefootstache/atlassian-dark-theme/issues
@preprocessor stylus
@var text     bannerHeight  "Banner height"   56px
==/UserStyle== */
@-moz-document domain("bitbucket.org") {
    :root {
        --header-height: bannerHeight;
    }

    #page,
    [role=dialog] {
        filter: saturate(80%) invert(95%) hue-rotate(180deg);
        background-color: white;
    }

    span[role=img],
    span.emoji-common-emoji-sprite {
        filter: saturate(200%) invert(95%) hue-rotate(180deg);
    }

    [data-testid=Content],
    [data-testid=ContextualNavigation] {
        filter: saturate(80%) invert(95%) hue-rotate(180deg);
        background-color: white;
    }

    [data-testid=file-header] {
        top: var(--header-height);
    }

    header[role=banner] {
        filter: invert(85%) hue-rotate(90deg);
        background-color: white;
        height: var(--header-height) !important;
    }

    main {
        background-clip: content-box;
        box-shadow: inset 0 0 0 100vw white;
    }

    body {
        background-color: #0d0d0d;
    }

    [data-testid=GlobalNavigation] {
        filter: saturate(.3) brightness(300%) invert(1) hue-rotate(220deg);
    }
}

@-moz-document domain("atlassian.net") {
    #jira,
    #root,
    iframe,
    #toolbar,
    #savebar-container,
    #com-atlassian-confluence {
        filter: saturate(80%) invert(95%) hue-rotate(180deg);
        background-color: white;
    }

    main {
        background-clip: content-box;
        box-shadow: inset 0 0 0 100vw white;
    }

    boady {
        background-color: #0d0d0d;
    }

    #toolbar {
        z-index: 1000;
    }

    span[role=img],
    span.emoji-common-emoji-sprite,
    img.ghx-avatar-img,
    img {
        filter: saturate(200%) invert(95%) hue-rotate(180deg);
    }
}

@-moz-document regexp(".*\\.atlassian\\.net/wiki/.*/edit/.*"),
regexp(".*\\.atlassian\\.net/wiki/.*/create.*") {
    #content,
    main {
        filter: invert(.85) hue-rotate(180deg) contrast(1.5) saturate(2);
        background-color: white;
    }
}