Fix hide-low-quality-comments style (#4850)

refined-github · Oct 4, 2021 · 72b7e5e · 72b7e5e
1 parent 1d85867
commit 72b7e5e
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 5 deletions.
diff --git a/source/features/hide-low-quality-comments.css b/source/features/hide-low-quality-comments.css
@@ -7,3 +7,11 @@
 .rgh-hidden-comment .timeline-comment {
 	border-color: var(--github-red);
 }
+
+.rgh-hidden-comment .timeline-comment--caret::before {
+	background-color: var(--github-red);
+}
+
+.rgh-hidden-comment .timeline-comment--caret::after {
+	left: -7px; /* make caret border 1px */
+}
diff --git a/source/options.css b/source/options.css
@@ -12,7 +12,13 @@
 }
 
 :root {
-	--github-red: #cb2431;
+	--github-red: #cf222e;
+}
+
+@media (prefers-color-scheme: dark) {
+	:root {
+		--github-red: #f85149;
+	}
 }
 
 p {

diff --git a/source/refined-github.css b/source/refined-github.css
@@ -1,8 +1,7 @@
 :root {
-	/* 2020-12-15: these variables only exist for GHE #3798 */
-	--github-green: var(--color-text-success, #28a745);
-	--github-red: var(--color-text-danger, #cb2431);
-	--github-border-color: var(--color-border-muted, #e1e4e8);
+	--github-green: var(--color-success-fg, #1a7f37);
+	--github-red: var(--color-danger-fg, #cf222e);
+	--github-border-color: var(--color-border-muted, #d8dee4);
 }
 
 /* Make tab indented code more readable on GitHub and Gist */