From 506bb2963f3e39d1afb48b753eddb951d46d6dc3 Mon Sep 17 00:00:00 2001
From: John Hollowell <johnahollowell@gmail.com>
Date: Sun, 7 Feb 2021 19:10:33 -0500
Subject: [PATCH] Make tabs stand out with adjusted colors

---
 assets/sass/components/_tab.scss   |  8 ++++----
 assets/sass/themes/_dark.scss      |  8 +++++---
 assets/sass/themes/_hacker.scss    |  4 +++-
 assets/sass/themes/_kimbie.scss    |  4 +++-
 assets/sass/themes/_light.scss     | 10 ++++++----
 assets/sass/themes/_solarized.scss |  6 ++++--
 6 files changed, 25 insertions(+), 15 deletions(-)

diff --git a/assets/sass/components/_tab.scss b/assets/sass/components/_tab.scss
index 6190358..a48bd3f 100644
--- a/assets/sass/components/_tab.scss
+++ b/assets/sass/components/_tab.scss
@@ -23,15 +23,15 @@
     padding: 0.5rem 0.75rem;
     border-top-left-radius: 0.25rem;
     border-top-right-radius: 0.25rem;
-    
+
     @include themify($themes) {
       color: themed('navbar-title-color');
-      background-color: themed('body-background-color');
+      background-color: themed('tab-link-background-color');
       border: none;
       border-bottom: 1px solid themed('hr-color');
 
       &.active {
-        background-color: themed('body-background-color');
+        background-color: themed('tab-link-active-background-color');
         border: 1px solid themed('hr-color');
         border-bottom: none;
       }
@@ -54,4 +54,4 @@
       background-color: themed('body-background-color');
     }
   }
-}
\ No newline at end of file
+}
diff --git a/assets/sass/themes/_dark.scss b/assets/sass/themes/_dark.scss
index 9e5a945..ab8a45c 100644
--- a/assets/sass/themes/_dark.scss
+++ b/assets/sass/themes/_dark.scss
@@ -1,6 +1,6 @@
 $dark: (
     footer-background-color: #403E41,
-    footer-color: #bdbdbd, 
+    footer-color: #bdbdbd,
     link: #FFD866,
     link-hover: #FF6188,
     title-color: #ffd866,
@@ -14,7 +14,7 @@ $dark: (
     dropdown-content-background-color: #595B5C,
     dropdown-item-hover-background-color: #727072,
     dropdown-item-hover-color: #FCFCFA,
-    dropdown-item-color: #FCFCFA,    
+    dropdown-item-color: #FCFCFA,
     navbar-border-bottom-color: #4e4e4e,
     navbar-background-color: #403E41,
     navbar-mobile-background-color: #3a3a3a,
@@ -107,4 +107,6 @@ $dark: (
     share-background-color: lighten(#403E41, 2.5%),
     donation-background-color: #525252,
     button-primary-color: $button_dark_primary_color,
-);
\ No newline at end of file
+    tab-link-background-color: lighten(#2D2A2E, 5%),
+    tab-link-active-background-color: lighten(#2D2A2E, 20%),
+);
diff --git a/assets/sass/themes/_hacker.scss b/assets/sass/themes/_hacker.scss
index 4167a0b..cd62f02 100644
--- a/assets/sass/themes/_hacker.scss
+++ b/assets/sass/themes/_hacker.scss
@@ -107,4 +107,6 @@ $hacker: (
     share-background-color: #383b4c,
     donation-background-color: #43454d,
     button-primary-color: $button_hacker_primary_color,
-);
\ No newline at end of file
+    tab-link-background-color: lighten(#151715, 5%),
+    tab-link-active-background-color: lighten(#151715, 20%),
+);
diff --git a/assets/sass/themes/_kimbie.scss b/assets/sass/themes/_kimbie.scss
index cbef8a0..e2b95f7 100644
--- a/assets/sass/themes/_kimbie.scss
+++ b/assets/sass/themes/_kimbie.scss
@@ -106,4 +106,6 @@ $kimbie: (
   share-background-color: #403c38,
   donation-background-color: #52493c,
   button-primary-color: $button_kimbie_primary_color,
-);
\ No newline at end of file
+  tab-link-background-color: lighten(#221a0f, 5%),
+  tab-link-active-background-color: lighten(#221a0f, 20%),
+);
diff --git a/assets/sass/themes/_light.scss b/assets/sass/themes/_light.scss
index 5cc190e..0d2d57a 100644
--- a/assets/sass/themes/_light.scss
+++ b/assets/sass/themes/_light.scss
@@ -1,6 +1,6 @@
 $light: (
     footer-background-color: #eee,
-    footer-color: #424242,  
+    footer-color: #424242,
     link: #607d8b,
     link-hover: #26a69a,
     title-color: #607d8b,
@@ -9,12 +9,12 @@ $light: (
     hr-color: #ccc,
     body-background-color: #fafafa,
     backdrop-background-color: #e0e0e0,
-    dropdown-border-top-color: #e0e0e0,    
+    dropdown-border-top-color: #e0e0e0,
     dropdown-item-active-background-color: #e0e0e0,
     dropdown-content-background-color: #fafafa,
     dropdown-item-hover-background-color: #bdbdbd,
     dropdown-item-hover-color: #FCFCFA,
-    dropdown-item-color: #555,    
+    dropdown-item-color: #555,
     navbar-border-bottom-color: #e0e0e0,
     navbar-background-color: #eee,
     navbar-mobile-background-color: #f1f1f1,
@@ -106,4 +106,6 @@ $light: (
     share-background-color: #90a4ae,
     donation-background-color: #eceff1,
     button-primary-color: $button_light_primary_color,
-);
\ No newline at end of file
+    tab-link-background-color: darken(#fafafa, 2%),
+    tab-link-active-background-color: darken(#fafafa, 10%),
+);
diff --git a/assets/sass/themes/_solarized.scss b/assets/sass/themes/_solarized.scss
index 2ee01b2..6d489d2 100644
--- a/assets/sass/themes/_solarized.scss
+++ b/assets/sass/themes/_solarized.scss
@@ -14,7 +14,7 @@ $solarized: (
     dropdown-content-background-color: #fafafa,
     dropdown-item-hover-background-color: darken(#FBF1D1, 5%),
     dropdown-item-hover-color: #B58900,
-    dropdown-item-color: #424242,    
+    dropdown-item-color: #424242,
     navbar-border-bottom-color: #eddc9f,
     navbar-background-color: #EEE8D5,
     navbar-mobile-background-color: darken(#EEE8D5, 2.5%),
@@ -106,4 +106,6 @@ $solarized: (
     share-background-color: #99907a,
     donation-background-color: #c5e0df,
     button-primary-color: $button_solarized_primary_color,
-);
\ No newline at end of file
+    tab-link-background-color: darken(#FDF7E3, 5%),
+    tab-link-active-background-color: darken(#FDF7E3, 20%),
+);