From cba76f20d3bcfcc1311b7f2450cfc7f94f6bb994 Mon Sep 17 00:00:00 2001
From: yumoqing <yumoqing@gmail.com>
Date: Fri, 18 Sep 2026 16:22:40 +0800
Subject: [PATCH] =?UTF-8?q?feat(theme):=20--line=E5=8F=98=E9=87=8F+?=
 =?UTF-8?q?=E6=9A=97=E8=89=B2tab=E6=8C=89=E9=92=AE(.tabpanel=20button?=
 =?UTF-8?q?=E8=B7=9F=E4=B8=BB=E9=A2=98=E8=A1=A8=E9=9D=A2,selected=E9=AB=98?=
 =?UTF-8?q?=E4=BA=AE)=E2=80=94=E2=80=942026-09-18=E6=9A=97=E8=89=B2?=
 =?UTF-8?q?=E6=B2=BB=E7=90=86=E7=BB=AD(=E4=B8=BB=E9=A1=B5tab=E7=99=BD?=
 =?UTF-8?q?=E5=9D=97)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 bricks/css/bricks.css | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/bricks/css/bricks.css b/bricks/css/bricks.css
index a0e9c64..35ea19b 100755
--- a/bricks/css/bricks.css
+++ b/bricks/css/bricks.css
@@ -665,6 +665,7 @@ hr {
 	--bg-side: #f8fafc;      /* 侧栏容器底（菜单项未覆盖区） */
 	--bg-page: #f1f5f9;      /* 页面/内容区底 */
 	--surface-card: #ffffff; /* 卡片表面 */
+	--line: #e2e8f0;         /* 分隔线/边框 */
 }
 html[data-theme="dark"] {
 	--ink-0: #f1f5f9;
@@ -674,6 +675,7 @@ html[data-theme="dark"] {
 	--bg-side: #0F172A;
 	--bg-page: #0F172A;
 	--surface-card: #1E293B;
+	--line: #334155;
 }
 
 /* 菜单分组展开指示箭头（2026-09-18 用户要求分风格）：颜色跟 --ink-3 双主题，
@@ -782,6 +784,20 @@ html[data-theme="dark"] {
 [data-theme="dark"] .toolbar-button-active {
 	background-color: #334155;
 }
+/* TabPanel 的 tab 按钮（Toolbar prefix=scrollpanel，2026-09-18 暗色治理）：
+   浏览器默认按钮底色在暗主题下是亮块，必须显式跟主题表面。
+   未选中按钮无基类（Toolbar 只给 active 加 prefix-button-active），
+   故用 .tabpanel 作用域内的 button 兜底 */
+[data-theme="dark"] .tabpanel button {
+	background-color: var(--surface-card);
+	color: #CBD5E1;
+	border: 1px solid #334155;
+}
+[data-theme="dark"] .tabpanel button.selected,
+[data-theme="dark"] .tabpanel button.scrollpanel-button-active {
+	background-color: #334155;
+	color: #F1F5F9;
+}
 
 [data-theme="dark"] .tabpanel {
 	background-color: #1E293B;