From 950986657fe68387da0627442229bf0c42743094 Mon Sep 17 00:00:00 2001
From: Red Adaya <red.adaya@gmail.com>
Date: Sat, 23 Nov 2024 23:20:20 +0800
Subject: [PATCH] use theme colors

---
 frontend/app/tab/tab.scss | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/frontend/app/tab/tab.scss b/frontend/app/tab/tab.scss
index 1736df65f..70457845b 100644
--- a/frontend/app/tab/tab.scss
+++ b/frontend/app/tab/tab.scss
@@ -33,7 +33,7 @@
 
         &:hover {
             border-color: transparent;
-            background: rgba(255, 255, 255, 0.07);
+            background: rgb(from var(--main-text-color) r g b / 0.07);
         }
     }
 
@@ -47,7 +47,7 @@
         .tab-inner {
             border-color: transparent;
             border-radius: 6px;
-            background: rgba(255, 255, 255, 0.07);
+            background: rgb(from var(--main-text-color) r g b / 0.07);
         }
 
         .name {
@@ -72,7 +72,7 @@
         z-index: var(--zindex-tab-name);
         font-size: 11px;
         font-weight: 500;
-        text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
+        text-shadow: 0px 0px 4px rgb(from var(--main-bg-color) r g b / 0.25);
         overflow: hidden;
         width: calc(100% - 10px);
         text-overflow: ellipsis;
@@ -80,7 +80,7 @@
 
         &.focused {
             outline: none;
-            border: 1px solid rgba(255, 255, 255, 0.179);
+            border: 1px solid rgb(from var(--main-text-color) r g b / 0.179);
             padding: 2px 6px;
             border-radius: 2px;
         }
@@ -108,7 +108,6 @@
 
         &:hover {
             color: var(--main-text-color);
-            // background-color: var(--highlight-bg-color);
         }
     }
 }