☰

GitHub Red Issues

Turns the issue color of closed issues from purple back to red - back reddish color icon for closed github issues.

Εγκατάσταση αυτού του κώδικαΒοήθεια Εγκατάσταση ως στυλ χρήστηΒοήθεια
Κώδικας προτεινόμενος από τον δημιιουργό

Μπορεί, επίσης, να σας αρέσει ο κώδικας GitHub Red Issues optional supplement.

Εγκατάσταση ως στυλ χρήστη 
/* ==UserStyle==
@name           GitHub Red Issues
@namespace      github.com/openstyles/stylus
@version        10.0.1
@description    Turns the issue color of closed issues from purple back to red - back reddish color icon for closed github issues.
@author         Katsute

// @collaborator   kidonng
// @contributor    krystian3w
// @contributor    iam-py-test
// @alterantive    obfuscatedgenerated
// @compatible   firefox Firefox 121+
// @compatible   chrome Chrome 105+
// @compatible   edge Edge 105+
// @compatible   opera Opera 91+
// @compatible   safari Safari 15.4+
@license CC BY-NC-SA 4.0 https://creativecommons.org/licenses/by-nc-sa/4.0/
==/UserStyle== */
@-moz-document domain("github.com"), domain("github-com.translate.goog"), regexp("^https?:\\/\\/translated\\.turbopages\\.org\\/proxy_u\\/.*/https\\/github\\.com\\/.*"), regexp("^https:\\/\\/web\\.archive\\.org\\/web\\/[0-9]+\\/https?\\:\\/\\/github.com\\/.*"), regexp("^https:\\/\\/archive\\.[\\w]{2,10}\\/[0-9.-]+\\\\/https?\\:\\/\\/github.com\\/.*") {
/* powered on https://raw.githubusercontent.com/Katsute/GitHub-Red-Issues/main/src/style.css */
/* Copyright (C) 2025 Katsute <https://github.com/Katsute> */

:root {
    --rissue-issue-closed    : var(--bgColor-closed-emphasis, #da3633);
    --rissue-issue-closed-fg : var(--fgColor-closed, #f85149);
    --rissue-issue-closed-bg : var(--bgColor-closed-muted, #f8514926);
}

:not(
    react-app[app-name="repo-deployments"] div,
    react-app[app-name="blackbird-search"] li,
    button[data-testid="mark-as-action-menu-button"] *,
    ul[data-testid="mark-as-action-menu-list"] *
) > :not(
    span.State--merged,
    span[class^="StateLabel__StateLabelBase"],
    projects-v2 span[class^="StateLabel__StateLabelBase"],
    .TimelineItem-Badge,
    .TimelineItem-badge,
    div:is([class^="prc-Timeline-TimelineBadge-"],[class*=" prc-Timeline-TimelineBadge-"]),
    a[href*="/discussions"],
    .hx_anim-fade-out,
    a[href$="state=closed"] > span,
    h2:has(> a[href$="/deployments"]) + ul > li,
    button[data-testid="checks-status-badge-icon"]
) > :is(
    /* issue icon */
    svg.octicon-issue-closed,
    /* project icon */
    svg:has(path[d="M11.28 6.78a.75.75 0 0 0-1.06-1.06L7.25 8.69 5.78 7.22a.75.75 0 0 0-1.06 1.06l2 2a.75.75 0 0 0 1.06 0l3.5-3.5Z"] + path[d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-1.5 0a6.5 6.5 0 1 0-13 0 6.5 6.5 0 0 0 13 0Z"]),
    /* search issue icon */
    svg:has(path[d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8Zm1.5 0a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Zm10.28-1.72-4.5 4.5a.75.75 0 0 1-1.06 0l-2-2a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018l1.47 1.47 3.97-3.97a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042Z"]),
    /* discussion icon */
    svg.octicon-discussion-closed
):not(.color-fg-muted){
    color: var(--rissue-issue-closed-fg) !important;
}

/* closed projects */
projects-v2 div:has(> span ~ h1) span[data-variant="done"] {
    border-color: var(--rissue-issue-closed) !important;
    background-color: var(--rissue-issue-closed-fg) !important;
}

svg:has(path[d="M11.28 6.78a.75.75 0 0 0-1.06-1.06L7.25 8.69 5.78 7.22a.75.75 0 0 0-1.06 1.06l2 2a.75.75 0 0 0 1.06 0l3.5-3.5Z"]) path{
    fill: unset !important;
}

/* milestone check */
a[href*="/milestone/"] svg:has(path[d="M10.0206 11.1074C9.68518 11.3949 9.18014 11.3561 8.8926 11.0206L5.8926 7.52061C5.62055 7.20322 5.63873 6.72989 5.93432 6.4343L7.43432 4.9343C7.74674 4.62188 8.25327 4.62188 8.56569 4.9343C8.87811 5.24672 8.87811 5.75325 8.56569 6.06567L7.58953 7.04182L10.1074 9.97935C10.3949 10.3148 10.3561 10.8198 10.0206 11.1074Z"]) path{
    fill: var(--rissue-issue-closed) !important;
}

a[href*="/milestone/"] svg:has(path[d="M10.0206 11.1074C9.68518 11.3949 9.18014 11.3561 8.8926 11.0206L5.8926 7.52061C5.62055 7.20322 5.63873 6.72989 5.93432 6.4343L7.43432 4.9343C7.74674 4.62188 8.25327 4.62188 8.56569 4.9343C8.87811 5.24672 8.87811 5.75325 8.56569 6.06567L7.58953 7.04182L10.1074 9.97935C10.3949 10.3148 10.3561 10.8198 10.0206 11.1074Z"]) circle[stroke-linecap="round"]{
    stroke: var(--rissue-issue-closed) !important;
}

:is(
    span.State--merged, /* issue badge (legacy) */
    .TimelineItem-badge, /* timeline icon (legacy) */
):has(svg.octicon-issue-closed, svg.octicon-discussion-closed),
:is(
    span[class^="StateLabel__StateLabelBase"], /* new issue badge & projects v2 */
):has(path[d="M11.28 6.78a.75.75 0 0 0-1.06-1.06L7.25 8.69 5.78 7.22a.75.75 0 0 0-1.06 1.06l2 2a.75.75 0 0 0 1.06 0l3.5-3.5Z"] + path[d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-1.5 0a6.5 6.5 0 1 0-13 0 6.5 6.5 0 0 0 13 0Z"]),
/* timeline icon (legacy) */
.TimelineItem-Badge:has(path[d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8Zm1.5 0a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Zm10.28-1.72-4.5 4.5a.75.75 0 0 1-1.06 0l-2-2a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018l1.47 1.47 3.97-3.97a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042Z"]),
/* timeline icon */
div:is([class^="prc-Timeline-TimelineBadge-"],[class*=" prc-Timeline-TimelineBadge-"]):has(path[d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8Zm1.5 0a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Zm10.28-1.72-4.5 4.5a.75.75 0 0 1-1.06 0l-2-2a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018l1.47 1.47 3.97-3.97a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042Z"]){
    border-color: var(--rissue-issue-closed) !important;
    box-shadow: var(--boxShadow-thin, inset 0 0 0 max(1px, 0.0625rem)) var(--rissue-issue-closed) !important;
    background-color: var(--rissue-issue-closed) !important;
}

/* sub issue circle */
svg[class^="ProgressCircle-module__completedIcon"] > circle{
    stroke: var(--rissue-issue-closed) !important;
}

/* progress circle */
:is(
    #issue-viewer-side-panel,
    react-app[app-name="issues-react"]
) :is(
    circle[class^="ProgressCircle-module__circleProgressShade"],
    circle[class^="ProgressCircle-module__circleProgress"]
),
projects-v2 svg[data-target="tracked-issues-progress.progress"] circle[stroke-dashoffset]{
    stroke: var(--rissue-issue-closed) !important;
}

/* progress check */
:is(
    projects-v2,
    #issue-viewer-side-panel,
    react-app[app-name="issues-react"]
) :is(
    svg[class^="ProgressCircle-module__completedIcon"]
) > path{
    fill: var(--rissue-issue-closed) !important;
}
/* powered on https://raw.githubusercontent.com/Katsute/GitHub-Red-Issues/main/src/style.css */
/* Copyright (C) 2025 Katsute <https://github.com/Katsute> */
}