☰

GitHub Red Issues

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

目前为 2023-03-12 提交的版本。查看 最新版本。

  1. /* ==UserStyle==
  2. @name           GitHub Red Issues
  3. @namespace      github.com/openstyles/stylus
  4. @version        1.0.27
  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. /* 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-pull-merged     : var(--color-done-emphasis, #8957e5);
  15.     --rissue-pull-merged-fg  : var(--color-done-fg, #a371f7);
  16.     --rissue-issue-closed    : var(--color-danger-emphasis, #da3633);
  17.     --rissue-issue-closed-fg : var(--color-danger-fg, #f85149);
  18.     --rissue-white-fg        : var(--color-fg-on-emphasis, #F0F6Fc);
  19. }
  20.  
  21. /* issue icon */
  22. :not(.State.State--merged):not(.TimelineItem-badge) > svg.octicon-issue-closed,
  23. /* projects beta icon */
  24. div[data-hovercard-subject-tag^="issue:"] 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"],
  25. div[data-hovercard-subject-tag^="issue:"] 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"]
  26. {
  27.     color: var(--rissue-issue-closed-fg) !important;
  28. }
  29.  
  30. /* issue badge */
  31. #show_issue .gh-header-meta .State.State--merged,
  32. #show_issue .gh-header-sticky .State.State--merged,
  33. /* issue timeline icon */
  34. #show_issue .TimelineItem > .TimelineItem-badge.color-bg-done-emphasis,
  35. /* timeline mention closed issue label */
  36. .TimelineItem > .TimelineItem-body div[id^="ref-issue-"] ~ div > span.State.State--merged,
  37. /* pull timeline closed label */
  38. .pull-discussion-timeline .TimelineItem > .TimelineItem-body div span.State.State--merged
  39. {
  40.     background-color: var(--rissue-issue-closed) !important;
  41. }
  42.  
  43. /* pull timeline closed mention label override */
  44. .pull-discussion-timeline .TimelineItem > .TimelineItem-body div[id^="ref-pullrequest-"] ~ div span.State.State--merged {
  45.     background-color: var(--rissue-pull-merged) !important;
  46. }
  47.  
  48. /* js overrides */
  49. .rissue-closed-fg {
  50.     color: var(--rissue-issue-closed-fg) !important;
  51. }
  52.  
  53. .rissue-closed-bg {
  54.     background-color: var(--rissue-issue-closed) !important;
  55. }
  56.  
  57. /* print */
  58. @media print {
  59.     /* issue badge */
  60.     #show_issue .gh-header-meta .State.State--merged,
  61.     #show_issue .gh-header-sticky .State.State--merged,
  62.     /* timeline mention closed issue label */
  63.     .TimelineItem > .TimelineItem-body div[id^="ref-issue-"] ~ div > span.State.State--merged,
  64.     /* pull timeline closed label */
  65.     .pull-discussion-timeline .TimelineItem > .TimelineItem-body div span.State.State--merged {
  66.         background: none !important;
  67.         color: var(--rissue-issue-closed-fg) !important;
  68.         border-color: var(--rissue-issue-closed) !important;
  69.     }
  70. }
  71. }