From 4092ec2ef6381ba0070ea348a648a519713cc1ee Mon Sep 17 00:00:00 2001
From: kde <kdeun1@naver.com>
Date: Thu, 3 Dec 2020 09:10:12 +0900
Subject: [PATCH] =?UTF-8?q?[#724][3.0]=20Tabs=20=EC=BB=B4=ED=8F=AC?=
 =?UTF-8?q?=EB=84=8C=ED=8A=B8=20=EA=B0=9C=EB=B0=9C=20#####################?=
 =?UTF-8?q?##########=20-=20=ED=85=8C=EB=A7=88=EB=B3=84=20=EC=8A=A4?=
 =?UTF-8?q?=ED=83=80=EC=9D=BC=20=EB=B3=80=EA=B2=BD=20-=20=EB=B6=88?=
 =?UTF-8?q?=ED=95=84=EC=9A=94=ED=95=9C=20=EC=BD=94=EB=93=9C=20=EC=A0=9C?=
 =?UTF-8?q?=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/components/MarkdownView.vue |  4 ++++
 src/components/tabs/Tabs.vue     | 11 +++++++----
 src/style/components/input.scss  |  1 +
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/docs/components/MarkdownView.vue b/docs/components/MarkdownView.vue
index 915f59b95..817132b6e 100644
--- a/docs/components/MarkdownView.vue
+++ b/docs/components/MarkdownView.vue
@@ -764,6 +764,10 @@ export default {
   line-height: 1.45;
   overflow: auto;
   padding: 16px;
+
+  @include themify() {
+    background-color: themed('border-color-base');
+  }
 }
 
 .markdown pre code {
diff --git a/src/components/tabs/Tabs.vue b/src/components/tabs/Tabs.vue
index 7be35bd24..d6ce9e571 100644
--- a/src/components/tabs/Tabs.vue
+++ b/src/components/tabs/Tabs.vue
@@ -90,8 +90,6 @@ import {
 
 export default {
   name: 'EvTabs',
-  components: {
-  },
   props: {
     modelValue: {
       type: [String, Number],
@@ -441,9 +439,9 @@ export default {
     }
     &.active {
       background-color: transparent;
-      border-bottom: 1px solid #FFFFFF;
 
       @include evThemify() {
+        border-bottom: 1px solid evThemed('background-base');
         color: evThemed('primary');
       }
     }
@@ -481,6 +479,7 @@ export default {
   $tab-header-height: $input-default-height;
   box-sizing: border-box;
   margin-bottom: -1px;
+  user-select: none;
 
   &.has-scroll {
     $arrow-width: 17px;
@@ -495,7 +494,11 @@ export default {
       font-size: $font-size-base;
       text-align: center;
       cursor: pointer;
-      background-color: #FFFFFF;
+
+      @include evThemify() {
+        background-color: evThemed('background-base');
+      }
+
       &:hover {
         @include evThemify() {
           color: evThemed('primary');
diff --git a/src/style/components/input.scss b/src/style/components/input.scss
index e3d6f5c58..9f4b0a8f2 100644
--- a/src/style/components/input.scss
+++ b/src/style/components/input.scss
@@ -8,6 +8,7 @@
 
   @include evThemify() {
     border: 1px solid evThemed('border-base');
+    color: evThemed('font-base');
   }
   &:focus,
   &:hover {