From 8119c3a392848729adef3a057bfcb72cfc6f0084 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Mon, 28 Dec 2020 20:54:15 +0100
Subject: [PATCH] Improve dark theme

---
 src/styles/_bootstrap_variables_ovw.scss |  1 +
 src/styles/_styles_ovw.scss              | 13 +++++++++++++
 2 files changed, 14 insertions(+)

diff --git a/src/styles/_bootstrap_variables_ovw.scss b/src/styles/_bootstrap_variables_ovw.scss
index 9c54ba70..4d38d46b 100644
--- a/src/styles/_bootstrap_variables_ovw.scss
+++ b/src/styles/_bootstrap_variables_ovw.scss
@@ -1,3 +1,4 @@
 // Overwrite bootstrap scss variables
 // $body-bg: rgb(42, 42, 49);
 $font-size-base: 0.9rem;
+$primary: #0089a1
diff --git a/src/styles/_styles_ovw.scss b/src/styles/_styles_ovw.scss
index e99ab45e..1db9c202 100644
--- a/src/styles/_styles_ovw.scss
+++ b/src/styles/_styles_ovw.scss
@@ -37,9 +37,22 @@
     //     color: $fg-color;
     //     // background: $bg-dark;
     // }
+    .nav-tabs {
+        border-bottom: 1px solid lighten($bg-dark, 20%);
+        .nav-link
+        {
+            color: $primary;
+
+            &:hover {
+                border-color: lighten($bg-dark, 5%);
+                color: lighten($primary, 10%);
+            }
+        }
+    }
     .nav-link.active {
         color: $fg-color;
         background: $bg-darker;
+        border-color:  lighten($bg-dark, 20%);
     }
     .modal-content {
         color: $fg-color;