From 338b9c41c7cb2df4ed4f51fd9510870883eb4d1b Mon Sep 17 00:00:00 2001
From: Red J Adaya <red.adaya@gmail.com>
Date: Mon, 18 Mar 2024 23:11:39 +0800
Subject: [PATCH] Fix wrong dragged tab background theme (#469)

---
 src/app/workspace/screen/tab.tsx   | 3 ---
 src/app/workspace/screen/tabs.less | 1 +
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/app/workspace/screen/tab.tsx b/src/app/workspace/screen/tab.tsx
index 0dacc3af..ada8d266 100644
--- a/src/app/workspace/screen/tab.tsx
+++ b/src/app/workspace/screen/tab.tsx
@@ -72,9 +72,6 @@ class ScreenTab extends React.Component<
                 ref={this.tabRef}
                 value={screen}
                 id={"screentab-" + screen.screenId}
-                whileDrag={{
-                    backgroundColor: "rgba(13, 13, 13, 0.85)",
-                }}
                 data-screenid={screen.screenId}
                 className={cn(
                     "screen-tab",
diff --git a/src/app/workspace/screen/tabs.less b/src/app/workspace/screen/tabs.less
index f113100c..4785ee9f 100644
--- a/src/app/workspace/screen/tabs.less
+++ b/src/app/workspace/screen/tabs.less
@@ -99,6 +99,7 @@
             flex-direction: row;
             position: relative;
             border-top: 2px solid transparent;
+            background: var(--app-bg-color);
 
             .background {
                 // This applies a transparency mask to the background color, as set above, so that it will blend with whatever the theme's background color is.