GitHub Red Issues

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

2023-06-25 يوللانغان نەشرى. ئەڭ يېڭى نەشرىنى كۆرۈش.

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

/* ==UserStyle==
@name           GitHub Red Issues
@namespace      github.com/openstyles/stylus
@version        7.0.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
@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) 2023 Katsute <https://github.com/Katsute> */

:root {
    --rissue-issue-closed    : var(--color-danger-emphasis, #da3633);
    --rissue-issue-closed-fg : var(--color-danger-fg, #f85149);
    --rissue-issue-closed-bg : var(--color-danger-subtle, rgba(248, 81, 73, 0.1));
}

@supports not selector(:has(+ *)) {

    body::before {

        width: 100%;
        z-index: 1000;
        display: block;
        position: fixed;

        color: white;
        background-color: var(--rissue-issue-closed-fg);

        padding: .1rem;
        content: "⚠️ Firefox does not yet support the :𝚑𝚊𝚜 CSS selector, enable it using the 𝚕𝚊𝚢𝚘𝚞𝚝.𝚌𝚜𝚜.𝚑𝚊𝚜-𝚜𝚎𝚕𝚎𝚌𝚝𝚘𝚛.𝚎𝚗𝚊𝚋𝚕𝚎𝚍 flag in 𝚊𝚋𝚘𝚞𝚝:𝚌𝚘𝚗𝚏𝚒𝚐 and restart Firefox.";

    }

}

:not(projects-v2 figure) > :not(span.State--merged):not(.TimelineItem-badge) > :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,
    /* tasklist icon */
    .octicon-checklist.color-fg-done
){
    color: var(--rissue-issue-closed-fg) !important;
}

: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-color: var(--rissue-issue-closed) !important;
}

/* tasklist icon */
tasklist-block-title > div.color-bg-done{
    background-color: var(--rissue-issue-closed-bg) !important;
}

:is(
    /* tasklist circle */
    tracked-issues-progress svg,
    /* projects tasklist circle */
    svg[data-target="tracked-issues-progress.progress"]
) > circle:last-child{
    stroke: var(--rissue-issue-closed) !important;
}

/* projects tasklist check */
projects-v2 :not(span) > svg[data-target="tracked-issues-progress.progress"] > path{
    fill: var(--rissue-issue-closed) !important;
}

/* tasklist fill */
span > svg[data-target="tracked-issues-progress.progress"] > path{
    fill: var(--rissue-issue-closed-bg) !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;
    }
}
}