CSS optimizations and fixes (#22)

Author: Katsute

package.json

@@ -21,4 +21,4 @@
         "typescript": "4.6.3",
         "zip-a-folder": "1.1.3"
     }
-}
+}

src/manifest.json

@@ -4,7 +4,7 @@
     "name": "GitHub Red Issues",
     "author": "Katsute",
     "description": "Revert closed GitHub issues from purple back to red.",
-    "version": "3.1",
+    "version": "3.2",
     "homepage_url": "https://github.com/Katsute/GitHub-Red-Issues",
     "icons": {
         "16": "icon16.png",

src/style.css

@@ -1,46 +1,31 @@
 /* Copyright (C) 2022 Katsute <https://github.com/Katsute> */
 
 :root {
-    --rissue-pull-merged : var(--color-done-emphasis, #8957e5);
-    --rissue-issue-closed: var(--color-danger-fg, #F85149);
-    --rissue-white       : var(--color-fg-on-emphasis, #F0F6Fc);
+    --rissue-pull-merged     : var(--color-done-emphasis, #8957e5);
+    --rissue-pull-merged-fg  : var(--color-done-fg, #a371f7);
+    --rissue-issue-closed    : var(--color-danger-emphasis, #da3633);
+    --rissue-issue-closed-fg : var(--color-danger-fg, #f85149);
+    --rissue-white-fg        : var(--color-fg-on-emphasis, #F0F6Fc);
 }
 
 /* issue icon */
-
-svg.octicon-issue-closed.closed,
-svg.octicon-issue-closed.color-fg-done {
-    color: var(--rissue-issue-closed) !important;
+:not(.State.State--merged):not(.TimelineItem-badge) > svg.octicon-issue-closed,
+/* projects beta icon */
+div[data-hovercard-subject-tag^="issue:"] path[d="M11.28 6.78a.75.75 0 00-1.06-1.06L7.25 8.69 5.78 7.22a.75.75 0 00-1.06 1.06l2 2a.75.75 0 001.06 0l3.5-3.5z"],
+div[data-hovercard-subject-tag^="issue:"] path[d="M16 8A8 8 0 110 8a8 8 0 0116 0zm-1.5 0a6.5 6.5 0 11-13 0 6.5 6.5 0 0113 0z"]
+{
+    color: var(--rissue-issue-closed-fg) !important;
 }
 
 /* issue badge */
-
-span[title="Status: Closed"] {
-    background-color: var(--rissue-issue-closed) !important;
-}
-
-span[title="Status: Closed"] > svg.octicon-issue-closed {
-    color: var(--rissue-white) !important;
-}
-
-/* issue timeline */
-
-.TimelineItem-badge.color-bg-done-emphasis {
+#show_issue .gh-header-meta .State.State--merged,
+#show_issue .gh-header-sticky .State.State--merged,
+/* issue timeline icon */
+#show_issue .TimelineItem > .TimelineItem-badge.color-bg-done-emphasis,
+/* timeline mention closed issue label */
+.TimelineItem > .TimelineItem-body div[id^="ref-issue-"] ~ div > span.State.State--merged,
+/* pull timeline closed issue label */
+.pull-discussion-timeline .TimelineItem > .TimelineItem-body span.State.State--merged
+{
     background-color: var(--rissue-issue-closed) !important;
-}
-
-.TimelineItem-badge.color-bg-done-emphasis > svg.octicon-issue-closed {
-    color: var(--rissue-white) !important;
-}
-
-/* pull timeline */
-
-div.pull-discussion-timeline .TimelineItem-badge.color-bg-done-emphasis {
-    background-color: var(--rissue-pull-merged) !important;
-}
-
-/* projects beta */
-
-svg[aria-label="Closed as completed issue"] {
-    color: var(--rissue-issue-closed) !important;
 }