GitHub Red Closed Icon Issues

back reddish color icon for closed github issues

Ajankohdalta 8.11.2021. Katso uusin versio.

Asenna tämä skripti ? Install as user style ?

Ask a question, post a review, or report the script.

Wrap lines

/* ==UserStyle==
@name           GitHub Red Closed Icon Issues
@namespace      github.com/openstyles/stylus
@version        1.0.11
@description    back reddish color icon for closed github issues
@author         Katsute, kidonng, krystian3w, iam-py-test
@license        CC BY-NC-SA 4.0 https://creativecommons.org/licenses/by-nc-sa/4.0/
==/UserStyle== */
@-moz-document domain("github.com") {
    /* Copyright (C) 2021 Katsute <https://github.com/Katsute> */
    :root { /* this part provided by kidonng <https://github.com/kidonng> */
        --rcie-issue-closed: var(--color-danger-fg, #F85149);
        --rcie-white: var(--color-fg-on-emphasis, #F0F6Fc);
    }

    /* issue hover */
    .Popover .octicon.octicon-issue-closed.color-text-danger {
        color: var(--rcie-issue-closed) !important;
    }

    /* subscriptions */
    .issue-closed-done .octicon.octicon-issue-closed.color-text-danger {
        color: var(--rcie-issue-closed) !important;
    }

    /* issue badge */
    span[title="Status: Closed"] {
        background-color: var(--rcie-issue-closed) !important;
    }

    span[title="Status: Closed"] .octicon-issue-closed {
        color: var(--rcie-white) !important;
    }
}

@-moz-document regexp("^https?:\\/\\/(www\\.)?github.com\\/[^\\/]+\\/[^\\/]+\\/issues.*$") {
    /* issue icon */
    .issue-closed-done .octicon-issue-closed {
        color: var(--rcie-issue-closed) !important;
    }
    
    /* timeline */
    .TimelineItem-badge.color-bg-done-emphasis {
        background-color: var(--rcie-issue-closed) !important;
    }

    .TimelineItem-badge.color-bg-done-emphasis .octicon {
        color: var(--rcie-white) !important;
    }

    /* projects beta */
    svg[aria-label="Closed issue"] {
        color: var(--rcie-issue-closed) !important;
    }
}