☰

GitHub Red Closed Icon Issues

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

As of 2021-11-08. See the latest version.

  1. /* ==UserStyle==
  2. @name           GitHub Red Closed Icon Issues
  3. @namespace      github.com/openstyles/stylus
  4. @version        1.0.14
  5. @description    Turns the issue color of closed issues from purple back to red - back reddish color icon for closed github issues.
  6. @author         Katsute, kidonng, krystian3w, iam-py-test, obfuscatedgenerated
  7. @license        CC BY-NC-SA 4.0 https://creativecommons.org/licenses/by-nc-sa/4.0/
  8. ==/UserStyle== */
  9. @-moz-document domain("github.com") {
  10.     /* Copyright (C) 2021 Katsute <https://github.com/Katsute> */
  11.     :root {
  12.         /* this part provided by kidonng <https://github.com/kidonng> */
  13.         --rcie-pull-merged: var(--color-done-emphasis, #8957e5);
  14.         --rcie-issue-closed: var(--color-danger-fg, #F85149);
  15.         --rcie-white: var(--color-fg-on-emphasis, #F0F6Fc);
  16.     }
  17.  
  18.     /* issue icon */
  19.     svg.octicon-issue-closed.closed,
  20.     svg.octicon-issue-closed.color-fg-done {
  21.         color: var(--rcie-issue-closed) !important;
  22.     }
  23.  
  24.     /* issue badge */
  25.     span[title="Status: Closed"] {
  26.         background-color: var(--rcie-issue-closed) !important;
  27.     }
  28.  
  29.     span[title="Status: Closed"] > svg.octicon-issue-closed {
  30.         color: var(--rcie-white) !important;
  31.     }
  32.     /* projects beta */
  33.     svg[aria-label="Closed issue"] {
  34.         color: var(--rcie-issue-closed) !important;
  35.     }
  36. }
  37. @-moz-document regexp("^https?:\\/\\/(www\\.)?github.com\\/[^\\/]+\\/[^\\/]+\\/issues.*$") {
  38.     /* timeline */
  39.     .TimelineItem-badge.color-bg-done-emphasis {
  40.         background-color: var(--rcie-issue-closed) !important;
  41.     }
  42.  
  43.     .TimelineItem-badge.color-bg-done-emphasis > svg.octicon-issue-closed {
  44.         color: var(--rcie-white) !important;
  45.     }
  46. }