☰

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 提交的版本，查看 最新版本。

  1. /* ==UserStyle==
  2. @name           GitHub Red Issues
  3. @namespace      github.com/openstyles/stylus
  4. @version        7.0.0
  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"), 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\\/.*") {
  10. /* powered on https://raw.githubusercontent.com/Katsute/GitHub-Red-Issues/main/src/style.css */
  11. /* Copyright (C) 2023 Katsute <https://github.com/Katsute> */
  12.  
  13. :root {
  14.     --rissue-issue-closed    : var(--color-danger-emphasis, #da3633);
  15.     --rissue-issue-closed-fg : var(--color-danger-fg, #f85149);
  16.     --rissue-issue-closed-bg : var(--color-danger-subtle, rgba(248, 81, 73, 0.1));
  17. }
  18.  
  19. @supports not selector(:has(+ *)) {
  20.  
  21.     body::before {
  22.  
  23.         width: 100%;
  24.         z-index: 1000;
  25.         display: block;
  26.         position: fixed;
  27.  
  28.         color: white;
  29.         background-color: var(--rissue-issue-closed-fg);
  30.  
  31.         padding: .1rem;
  32.         content: "⚠️ Firefox does not yet support the :𝚑𝚊𝚜 CSS selector, enable it using the 𝚕𝚊𝚢𝚘𝚞𝚝.𝚌𝚜𝚜.𝚑𝚊𝚜-𝚜𝚎𝚕𝚎𝚌𝚝𝚘𝚛.𝚎𝚗𝚊𝚋𝚕𝚎𝚍 flag in 𝚊𝚋𝚘𝚞𝚝:𝚌𝚘𝚗𝚏𝚒𝚐 and restart Firefox.";
  33.  
  34.     }
  35.  
  36. }
  37.  
  38. :not(projects-v2 figure) > :not(span.State--merged):not(.TimelineItem-badge) > :is(
  39.     /* issue icon */
  40.     svg.octicon-issue-closed,
  41.     /* project icon */
  42.     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"]),
  43.     /* search issue icon */
  44.     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"]),
  45.     /* discussion icon */
  46.     svg.octicon-discussion-closed,
  47.     /* tasklist icon */
  48.     .octicon-checklist.color-fg-done
  49. ){
  50.     color: var(--rissue-issue-closed-fg) !important;
  51. }
  52.  
  53. :is(
  54.     /* issue badge */
  55.     span.State--merged,
  56.     /* timeline icon */
  57.     .TimelineItem-badge
  58. ):has(svg.octicon-issue-closed, svg.octicon-discussion-closed),
  59. /* projects issue badge */
  60. 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"]){
  61.     background-color: var(--rissue-issue-closed) !important;
  62. }
  63.  
  64. /* tasklist icon */
  65. tasklist-block-title > div.color-bg-done{
  66.     background-color: var(--rissue-issue-closed-bg) !important;
  67. }
  68.  
  69. :is(
  70.     /* tasklist circle */
  71.     tracked-issues-progress svg,
  72.     /* projects tasklist circle */
  73.     svg[data-target="tracked-issues-progress.progress"]
  74. ) > circle:last-child{
  75.     stroke: var(--rissue-issue-closed) !important;
  76. }
  77.  
  78. /* projects tasklist check */
  79. projects-v2 :not(span) > svg[data-target="tracked-issues-progress.progress"] > path{
  80.     fill: var(--rissue-issue-closed) !important;
  81. }
  82.  
  83. /* tasklist fill */
  84. span > svg[data-target="tracked-issues-progress.progress"] > path{
  85.     fill: var(--rissue-issue-closed-bg) !important;
  86. }
  87.  
  88. /* print */
  89. @media print {
  90.     :is(
  91.         /* issue badge */
  92.         span.State--merged,
  93.         /* timeline icon */
  94.         .TimelineItem-badge
  95.     ):has(svg.octicon-issue-closed, svg.octicon-discussion-closed),
  96.     /* projects issue badge */
  97.     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"]){
  98.         background: none !important;
  99.         color: var(--rissue-issue-closed-fg) !important;
  100.         border-color: var(--rissue-issue-closed) !important;
  101.     }
  102. }
  103. }