From d3ccdfb1eb070836be306e66492c6afb7227c0cc Mon Sep 17 00:00:00 2001
From: Josh Goldberg <git@joshuakgoldberg.com>
Date: Sun, 4 Sep 2022 10:01:01 +1000
Subject: [PATCH 1/2] fix: increase contrast for replay buttons

---
 mocha.css | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/mocha.css b/mocha.css
index 3a3ed7714f..471d49eddc 100644
--- a/mocha.css
+++ b/mocha.css
@@ -17,7 +17,7 @@
   --mocha-test-html-error-color: #000;
   --mocha-box-shadow-color: #eee;
   --mocha-box-bottom-color: #ddd;
-  --mocha-test-replay-color: #888;
+  --mocha-test-replay-color: #000;
   --mocha-test-replay-bg-color: #eee;
   --mocha-stats-color: #888;
   --mocha-stats-em-color: #000;
@@ -49,7 +49,7 @@
      --mocha-test-html-error-color: #fff;
      --mocha-box-shadow-color: #444;
      --mocha-box-bottom-color: #555;
-     --mocha-test-replay-color: #888;
+     --mocha-test-replay-color: #fff;
      --mocha-test-replay-bg-color: #444;
      --mocha-stats-color: #aaa;
      --mocha-stats-em-color: #fff;
@@ -292,11 +292,12 @@ body {
   -moz-transition:opacity 200ms;
   -o-transition:opacity 200ms;
   transition: opacity 200ms;
-  opacity: 0.3;
+  opacity: 0.7;
   color: var(--mocha-test-replay-color);
 }
 
 #mocha .test:hover a.replay {
+  box-shadow: 0 0 1px inset var(--mocha-test-replay-bg-color);
   opacity: 1;
 }
 

From 0518abb2f8520abe1da6f46379ae9146c390eb04 Mon Sep 17 00:00:00 2001
From: Josh Goldberg <git@joshuakgoldberg.com>
Date: Wed, 14 Sep 2022 08:14:00 -0400
Subject: [PATCH 2/2] fix: use correct hover outline

---
 mocha.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/mocha.css b/mocha.css
index 471d49eddc..87a4d22ef5 100644
--- a/mocha.css
+++ b/mocha.css
@@ -297,7 +297,7 @@ body {
 }
 
 #mocha .test:hover a.replay {
-  box-shadow: 0 0 1px inset var(--mocha-test-replay-bg-color);
+  box-shadow: 0 0 1px inset var(--mocha-test-replay-color);
   opacity: 1;
 }