GitHub Red Issues

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

Verze ze dne 10. 03. 2025. Zobrazit nejnovější verzi.

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