Closed = 🔴

Author: Katsute

.gitignore

@@ -0,0 +1,5 @@
+.vs
+.vscode
+
+*.crx
+*.pem

LICENSE

@@ -1,2 +1,21 @@
-# GitHub-Red-Issues-Extension
-Revert closed GitHub issues from purple back to red.
+# GitHub Red Closed Issues Extension
+
+[![Creative Commons License](https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png)](http://creativecommons.org/licenses/by-nc-sa/4.0/)
+
+Chrome extension to revert closed GitHub issues from purple back to red.
+
+## Installation
+
+1. Checkout or download this repository locally (press the code button in the top right).
+2. Go to <chrome://extensions/> and turn on **Developer mode** in the top right.
+3. Press **Load unpacked** and select the `src` folder.
+4. Resume coding with closed issues being red.
+
+## Changes
+
+Found a bug? Open a new [issue](https://github.com/Katsute/GitHub-Red-Issues-Extension/issues).
+
+- Closed pinned issues are red.
+- Closed issues on issues tab are red.
+- Closed issue on hover is red.
+- Issue open/close events on timeline are green and red.

README.md

@@ -0,0 +1,20 @@
+// Copyright (C) 2021 Katsute <https://github.com/Katsute>
+
+"use strict";
+
+removeInlineCSS();
+
+// run for 30s in case the site hasn't loaded yet
+let loop = 0;
+const interval = setInterval(() => {
+    removeInlineCSS();
+    if(loop++ >= 30)
+        clearInterval(this);
+}, 1000);
+
+// remove inlined css from timeline
+function removeInlineCSS(){
+    for(const badge of document.getElementsByClassName("TimelineItem-badge"))
+        if(badge.style.cssText == "background-color: var(--color-done-emphasis)  !important;")
+            badge.style.cssText = "";
+}

src/index.js

@@ -0,0 +1,16 @@
+{
+    "manifest_version": 3,
+
+    "name": "GitHub Red Closed Issues",
+    "author": "Katsute",
+    "description": "Revert closed GitHub issues from purple back to red.",
+    "version": "1.0",
+    "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/manifest.json

@@ -0,0 +1,38 @@
+/* Copyright (C) 2021 Katsute <https://github.com/Katsute> */
+
+/* issue icon */
+
+.issue-closed-done .octicon-issue-closed {
+    color: #F85149 !important;
+}
+
+/* issue hover */
+
+.Popover .octicon.octicon-issue-closed.color-text-danger {
+    color: #F85149 !important;
+}
+
+/* issue badge */
+
+span[title="Status: Closed"] {
+    background-color: #F85149 !important;
+}
+
+span[title="Status: Closed"] .octicon-issue-closed {
+    color: #F0F6Fc !important;
+}
+
+/* timeline */
+
+.TimelineItem-badge.color-bg-success-inverse {
+    background-color: #238636 !important;
+}
+
+.TimelineItem-badge.color-bg-danger-inverse {
+    background-color: #F85149 !important;
+}
+
+.TimelineItem-badge.color-bg-danger-inverse .octicon,
+.TimelineItem-badge.color-bg-success-inverse .octicon {
+    color: #F0F6Fc !important;
+}