Fix #3, #4 ; css cleanup

Author: Katsute

README.md

@@ -4,20 +4,25 @@
 
 Google Chrome extension to revert closed GitHub issues from purple back to red.
 
+|[Report an issue](https://github.com/Katsute/GitHub-Red-Closed-Issues-Extension/issues)|
+|---|
+
 ## Installation
 
-1. Checkout or download this repository locally (press the code button in the top right).
+1. Checkout (recommended) or download this repository locally (press the code button in the top right).
 2. Go to [`chrome://extensions/`](chrome://extensions/) in your browser and turn on **Developer mode** in the top right.
 3. Press **Load unpacked** and select the `src` folder. Do not remove this folder, removing it will cause the extension to be uninstalled.
 4. Resume coding with closed issues being red.
+
 ## Changes
 
 Reverted closed issues from purple to red on:
+
 - Pinned issues
 - Issue hover cards
+- Issue/pull timelines
 - Issues on issues tab
 - Issues on subscriptions list
+- Issues on search
 - Issues on projects
-- Issues on projects (beta)
-
-Found a bug? Open a new [issue](https://github.com/Katsute/GitHub-Red-Closed-Issues-Extension/issues).
+- Issues on projects (beta)

src/manifest.json

@@ -4,7 +4,7 @@
     "name": "GitHub Red Closed Issues",
     "author": "Katsute",
     "description": "Revert closed GitHub issues from purple back to red.",
-    "version": "1.3",
+    "version": "1.4",
     "homepage_url": "https://github.com/Katsute/GitHub-Red-Issues-Extension",
 
     "permissions": ["tabs"],

src/style.css

@@ -1,26 +1,15 @@
 /* Copyright (C) 2021 Katsute <https://github.com/Katsute> */
 
 :root { /* this part provided by kidonng <https://github.com/kidonng> */
-    --rcie-pull-merged: var(--color-done-emphasis, #8957e5);
+    --rcie-pull-merged : var(--color-done-emphasis, #8957e5);
     --rcie-issue-closed: var(--color-danger-fg, #F85149);
-    --rcie-white: var(--color-fg-on-emphasis, #F0F6Fc);
+    --rcie-white       : var(--color-fg-on-emphasis, #F0F6Fc);
 }
 
 /* issue icon */
 
-.issue-closed-done .octicon-issue-closed {
-    color: var(--rcie-issue-closed) !important;
-}
-
-/* issue hover */
-
-.Popover .octicon.octicon-issue-closed.color-text-danger {
-    color: var(--rcie-issue-closed) !important;
-}
-
-/* subscriptions */
-
-.issue-closed-done .octicon.octicon-issue-closed.color-text-danger {
+svg.octicon-issue-closed.closed,
+svg.octicon-issue-closed.color-fg-done {
     color: var(--rcie-issue-closed) !important;
 }
 
@@ -30,7 +19,7 @@ span[title="Status: Closed"] {
     background-color: var(--rcie-issue-closed) !important;
 }
 
-span[title="Status: Closed"] .octicon-issue-closed {
+span[title="Status: Closed"] > svg.octicon-issue-closed {
     color: var(--rcie-white) !important;
 }
 
@@ -40,7 +29,7 @@ span[title="Status: Closed"] .octicon-issue-closed {
     background-color: var(--rcie-issue-closed) !important;
 }
 
-:not(.rcie-merge).TimelineItem-badge.color-bg-done-emphasis .octicon {
+:not(.rcie-merge).TimelineItem-badge.color-bg-done-emphasis > svg.octicon-issue-closed {
     color: var(--rcie-white) !important;
 }