☰

GitHub Red Issues

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

目前为 2024-10-17 提交的版本。查看 最新版本。

  1. /* ==UserStyle==
  2. @name           GitHub Red Issues
  3. @namespace      github.com/openstyles/stylus
  4. @version        9.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) 2024 Katsute <https://github.com/Katsute> */
  12.  
  13. :root {
  14.     --rissue-issue-closed    : var(--bgColor-closed-emphasis, #da3633);
  15.     --rissue-issue-closed-fg : var(--fgColor-closed, #f85149);
  16.     --rissue-issue-closed-bg : var(--bgColor-closed-muted, #f8514926);
  17. }
  18.  
  19. :not(react-app[app-name="repo-deployments"] div) > :not(
  20.     span.State--merged,
  21.     span[class^="StateLabel__StateLabelBase"],
  22.     projects-v2 span[class^="StateLabel__StateLabelBase"],
  23.     .TimelineItem-Badge,
  24.     .TimelineItem-badge,
  25.     a[href*="/discussions"],
  26.     .hx_anim-fade-out
  27. ) > :is(
  28.     /* issue icon */
  29.     svg.octicon-issue-closed,
  30.     /* project icon */
  31.     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"]),
  32.     /* search issue icon */
  33.     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"]),
  34.     /* discussion icon */
  35.     svg.octicon-discussion-closed,
  36.     /* tasklist icon */
  37.     .octicon-checklist.color-fg-done
  38. ):not(.color-fg-muted){
  39.     color: var(--rissue-issue-closed-fg) !important;
  40. }
  41.  
  42. :is(
  43.     span.State--merged, /* issue badge (legacy) */
  44.     .TimelineItem-badge, /* timeline icon (legacy) */
  45. ):has(svg.octicon-issue-closed, svg.octicon-discussion-closed),
  46. :is(
  47.     span[class^="StateLabel__StateLabelBase"], /* new issue badge & projects v2 */
  48. ):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"]),
  49. /* timeline icon */
  50. .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"]){
  51.     border-color: var(--rissue-issue-closed) !important;
  52.     box-shadow: var(--boxShadow-thin, inset 0 0 0 max(1px, 0.0625rem)) var(--rissue-issue-closed) !important;
  53.     background-color: var(--rissue-issue-closed) !important;
  54. }
  55.  
  56. /* tasklist icon */
  57. tasklist-block-title > div.color-bg-done{
  58.     background-color: var(--rissue-issue-closed-bg) !important;
  59. }
  60.  
  61. :is(
  62.     /* tasklist circle */
  63.     tracked-issues-progress svg,
  64. ) > circle[stroke^="var(--fgColor-done"]:last-child,
  65. /* sub issue circle */
  66. svg[class^="ProgressCircle-module__completedIcon"] > circle {
  67.     stroke: var(--rissue-issue-closed) !important;
  68. }
  69.  
  70. /* tasklist fill */
  71. span > svg[data-target="tracked-issues-progress.progress"] > path{
  72.     fill: var(--rissue-issue-closed-bg) !important;
  73. }
  74.  
  75. /* progress circle */
  76. :is(
  77.     #issue-viewer-side-panel,
  78.     react-app[app-name="issues-react"]
  79. ) :is(
  80.     circle[class^="ProgressCircle-module__circleProgressShade"],
  81.     circle[class^="ProgressCircle-module__circleProgress"]
  82. ),
  83. projects-v2 svg[data-target="tracked-issues-progress.progress"] circle[stroke-dashoffset]{
  84.     stroke: var(--rissue-issue-closed) !important;
  85. }
  86.  
  87. /* progress check */
  88. :is(
  89.     projects-v2,
  90.     #issue-viewer-side-panel,
  91.     react-app[app-name="issues-react"]
  92. ) :is(
  93.     svg[class^="ProgressCircle-module__completedIcon"]
  94. ) > path {
  95.     fill: var(--rissue-issue-closed) !important;
  96. }
  97.  
  98. /* print */
  99. @media print {
  100.     :is(
  101.         /* issue badge */
  102.         span.State--merged,
  103.         /* timeline icon */
  104.         .TimelineItem-badge
  105.     ):has(svg.octicon-issue-closed, svg.octicon-discussion-closed),
  106.     /* projects issue badge */
  107.     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"]){
  108.         background: none !important;
  109.         color: var(--rissue-issue-closed-fg) !important;
  110.         border-color: var(--rissue-issue-closed) !important;
  111.     }
  112. }
  113. /* powered on https://raw.githubusercontent.com/Katsute/GitHub-Red-Issues/main/src/style.css */
  114. /* Copyright (C) 2024 Katsute <https://github.com/Katsute> */
  115. }