From a524249ab42adf8f3fd50fe27d98367a455f39b5 Mon Sep 17 00:00:00 2001
From: Ethan Dalool <git@voussoir.net>
Date: Thu, 3 Sep 2020 12:03:53 -0700
Subject: [PATCH] Improve color of tab buttons active/inactive/hover.

---
 frontends/ycdl_flask/static/css/common.css | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/frontends/ycdl_flask/static/css/common.css b/frontends/ycdl_flask/static/css/common.css
index cdc6448..c9f4483 100644
--- a/frontends/ycdl_flask/static/css/common.css
+++ b/frontends/ycdl_flask/static/css/common.css
@@ -162,6 +162,11 @@ button:active
     font-family: inherit;
     font-size: 1.3em;
     border-radius: 8px 8px 0 0;
+    background-color: transparent;
+}
+.tabbed_container .tab_button:hover
+{
+    background-color: var(--color_transparency);
 }
 .tabbed_container .tab,
 .tabbed_container .tab_button
@@ -170,14 +175,15 @@ button:active
     border-style: solid;
     border-color: #888;
 }
-.tabbed_container .tab_button_inactive
+.tabbed_container .tab_button.tab_button_inactive
 {
     border-top-color: transparent;
     border-left-color: transparent;
     border-right-color: transparent;
 }
-.tabbed_container .tab_button_active
+.tabbed_container .tab_button.tab_button_active
 {
+    background-color: var(--color_transparency);
     border-bottom-color: transparent;
 }
 .tabbed_container .tab