From dd104ff672ac951dcf915228a06d16003f3ed0d9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?P=C4=93teris=20Caune?= <cuu508@gmail.com>
Date: Wed, 16 Jun 2021 15:57:33 +0300
Subject: [PATCH] Fix dark mode CSS for tabs

---
 static/css/base.css             |  9 +++++++++
 static/css/bootstrap-colors.css | 14 ++++++++++++++
 2 files changed, 23 insertions(+)

diff --git a/static/css/base.css b/static/css/base.css
index 364ddde2..e4cce25a 100644
--- a/static/css/base.css
+++ b/static/css/base.css
@@ -219,3 +219,12 @@ pre {
         opacity: 0;
     }
 }
+
+.nav-tabs > li.active > a,
+.nav-tabs > li.active > a:hover,
+.nav-tabs > li.active > a:focus,
+.nav-pills > li.active > a,
+.nav-pills > li.active > a:hover,
+.nav-pills > li.active > a:focus {
+    outline: 0;
+}
diff --git a/static/css/bootstrap-colors.css b/static/css/bootstrap-colors.css
index 2cf012c8..a35c5374 100644
--- a/static/css/bootstrap-colors.css
+++ b/static/css/bootstrap-colors.css
@@ -35,6 +35,20 @@
     background-color:  var(--nav-pills-active-link-hover-bg);
 }
 
+.nav-tabs > li > a:hover {
+    color: var(--text-color);
+    border-color: transparent;
+}
+
+.nav-tabs > li.active > a,
+.nav-tabs > li.active > a:hover,
+.nav-tabs > li.active > a:focus {
+    color: var(--text-color);
+    background-color: transparent;
+    border-color: var(--btn-default-border);
+    border-bottom-color: transparent;
+}
+
 .nav-pills > li.active > a,
 .nav-pills > li.active > a:hover,
 .nav-pills > li.active > a:focus {