From ce20452f38aa18c187c00ac83e443ee411bf1ba8 Mon Sep 17 00:00:00 2001
From: Peter Papp <peterpapp@makingcg.com>
Date: Sat, 6 Feb 2021 13:53:43 +0100
Subject: [PATCH] TabWrapper color change

---
 resources/js/components/Others/TabWrapper.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/resources/js/components/Others/TabWrapper.vue b/resources/js/components/Others/TabWrapper.vue
index f6c892b0..a570f20f 100644
--- a/resources/js/components/Others/TabWrapper.vue
+++ b/resources/js/components/Others/TabWrapper.vue
@@ -65,6 +65,7 @@
         color: $text;
         border-radius: 8px;
         overflow: hidden;
+        border: 1px solid #E8E9EB;
 
         .tab-title {
             @include font-size(14);
@@ -78,10 +79,10 @@
             padding: 8px;
 
             &.active {
-                background: $text;
+                background: #E8E9EB;
 
                 .tab-title {
-                    color: $light_background;
+                    color: $text;
                 }
             }
         }
@@ -101,6 +102,7 @@
     @media (prefers-color-scheme: dark) {
         .tab-wrapper {
             background: $dark_mode_foreground;
+            border-color: transparent;
 
             .tab.active {
                 background: rgba($theme, 0.1);