fix merge timeline event having wrong color

Author: Katsute

README.md

@@ -20,4 +20,4 @@ Reverted closed issues from purple to red on:
 - Issues on projects
 - Issues on projects (beta)
 
-Found a bug? Open a new [issue](https://github.com/Katsute/GitHub-Red-Closed-Issues-Extension/issues).
+Found a bug? Open a new [issue](https://github.com/Katsute/GitHub-Red-Closed-Issues-Extension/issues).

src/index.js

@@ -0,0 +1,20 @@
+// Copyright (C) 2021 Katsute <https://github.com/Katsute>
+
+"use strict";
+
+identifyTimelineMerge();
+
+// run for 30s in case the site hasn't loaded yet
+let loop = 0;
+const interval = setInterval(() => {
+    identifyTimelineMerge();
+    if(loop++ >= 30)
+        clearInterval(this);
+}, 1000);
+
+// find merge
+function identifyTimelineMerge(){
+    for(let element of document.getElementsByClassName("TimelineItem-badge color-fg-on-emphasis color-bg-done-emphasis"))
+        if(element.getElementsByTagName("svg")[0].classList.contains("octicon-git-merge"))
+            element.classList.add("rcie-merge");
+}

src/manifest.json

@@ -4,12 +4,13 @@
     "name": "GitHub Red Closed Issues",
     "author": "Katsute",
     "description": "Revert closed GitHub issues from purple back to red.",
-    "version": "1.1",
+    "version": "1.2",
     "homepage_url": "https://github.com/Katsute/GitHub-Red-Issues-Extension",
 
     "permissions": ["tabs"],
     "content_scripts": [{
         "css": ["style.css"],
+        "js": ["index.js"],
         "matches": ["https://github.com/*"]
     }]
 }

src/style.css

@@ -1,45 +1,51 @@
 /* Copyright (C) 2021 Katsute <https://github.com/Katsute> */
 
+:root {
+    --rcie-pull-merged: #8957e5;
+    --rcie-issue-closed: #F85149;
+    --rcie-white: #F0F6Fc;
+}
+
 /* issue icon */
 
 .issue-closed-done .octicon-issue-closed {
-    color: #F85149 !important;
+    color: var(--rcie-issue-closed) !important;
 }
 
 /* issue hover */
 
 .Popover .octicon.octicon-issue-closed.color-text-danger {
-    color: #F85149 !important;
+    color: var(--rcie-issue-closed) !important;
 }
 
 /* subscriptions */
 
 .issue-closed-done .octicon.octicon-issue-closed.color-text-danger {
-    color: #F85149 !important;
+    color: var(--rcie-issue-closed) !important;
 }
 
 /* issue badge */
 
 span[title="Status: Closed"] {
-    background-color: #F85149 !important;
+    background-color: var(--rcie-issue-closed) !important;
 }
 
 span[title="Status: Closed"] .octicon-issue-closed {
-    color: #F0F6Fc !important;
+    color: var(--rcie-white) !important;
 }
 
 /* timeline */
 
-.TimelineItem-badge.color-bg-done-emphasis {
-    background-color: #F85149 !important;
+:not(.rcie-merge).TimelineItem-badge.color-bg-done-emphasis {
+    background-color: var(--rcie-issue-closed) !important;
 }
 
-.TimelineItem-badge.color-bg-done-emphasis .octicon {
-    color: #F0F6Fc !important;
+:not(.rcie-merge).TimelineItem-badge.color-bg-done-emphasis .octicon {
+    color: var(--rcie-white) !important;
 }
 
 /* projects beta */
 
 svg[aria-label="Closed issue"] {
-    color: #F85149 !important;
+    color: var(--rcie-issue-closed) !important;
 }