From 56e7dc842e8909af62030802ab5b4442827d7a57 Mon Sep 17 00:00:00 2001
From: Ajay <dev@ajay.app>
Date: Mon, 24 Jan 2022 23:36:35 -0500
Subject: [PATCH] Fix tab button contrast on light theme

---
 public/options/options.css | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/public/options/options.css b/public/options/options.css
index c753e6e4..c43f8c67 100644
--- a/public/options/options.css
+++ b/public/options/options.css
@@ -8,6 +8,7 @@
     --dialog-background: #181818;
     --dialog-border: white;
     --tab-color: #242424;
+    --tab-button-hover: #4d0000;
     --tab-hover: white;
     --description: #dfdfdf;
     --disabled: #520000;
@@ -26,6 +27,7 @@
     --dialog-background: #f9f9f9;
     --dialog-border: #282828;
     --tab-color: #ababab;
+    --tab-button-hover: #750000;
     --tab-hover: #2e2e2e;
     --description: #262626;
     --disabled: #ffcaca;
@@ -100,7 +102,8 @@ html, body {
 }
 
 .tab-heading:hover {
-    background-color: #4d0000;
+    background-color: var(--tab-button-hover);
+    color: white;
 }
 
 .tab-heading.selected {
@@ -110,6 +113,7 @@ html, body {
 
 .tab-heading:active {
     background-color: #950000;
+    color: white;
 }
 
 .option-group > div {