Turns the issue color of closed issues from purple back to red - back reddish color icon for closed github issues.
Version au
/* ==UserStyle==
@name GitHub Red Issues
@namespace github.com/openstyles/stylus
@version 9.6.0
@description Turns the issue color of closed issues from purple back to red - back reddish color icon for closed github issues.
@author Katsute, kidonng, krystian3w, iam-py-test, 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
) > :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;
}
: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;
}
/* print */
@media print {
:is(
/* issue badge */
span.State--merged,
/* timeline icon */
.TimelineItem-badge
):has(svg.octicon-issue-closed, svg.octicon-discussion-closed),
/* projects issue badge */
projects-v2 span[class^="StateLabel__StateLabelBase"]: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"]){
background: none !important;
color: var(--rissue-issue-closed-fg) !important;
border-color: 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> */
}