refactor: 调整样式

Author: ArgoZhang

src/BootstrapBlazor/Components/Tab/Tab.razor.cs

@@ -29,7 +29,7 @@ public partial class Tab : IHandlerException
         .Build();
 
     private string? GetClassString(TabItem item) => CssBuilder.Default("tabs-item")
-        .AddClass("active", item.IsActive && !item.IsDisabled)
+        .AddClass("active", !IsChromeStyle && item.IsActive && !item.IsDisabled)
         .AddClass("disabled", item.IsDisabled)
         .AddClass(item.CssClass)
         .AddClass("is-closeable", ShowClose)

src/BootstrapBlazor/Components/Tab/Tab.razor.scss

@@ -491,7 +491,7 @@
 .tabs-chrome {
     --bb-tabs-header-bg-color: var(--bs-border-color);
     --bb-tabs-item-hover-bg-color: rgba(var(--bs-body-color-rgb), 0.1);
-    --bb-tabs-item-active-bg-color: var(--bs-body-color);
+    --bb-tabs-item-active-bg-color: var(--bs-body-bg);
     --bb-tabs-item-active-color: var(--bs-body-color);
     --bb-tabs-item-hover-color: var(--bs-body-color);
 
@@ -510,6 +510,10 @@
             .tab-corner {
                 background-color: var(--bs-body-bg);
             }
+
+            .tabs-item {
+                background-color: var(--bb-tabs-item-active-bg-color);
+            }
         }
 
         &:not(.active) {
@@ -532,10 +536,6 @@
             border-top-right-radius: 10px;
             height: 36px !important;
 
-            .active {
-                background-color: var(--bb-tabs-item-active-bg-color);
-            }
-
             .tabs-item-body {
                 padding: 4px 10px;
                 display: flex;