From c1f81dfe2d998d2582519e031febace0bb5574d5 Mon Sep 17 00:00:00 2001
From: Nixevol <guaotiantang@gmail.com>
Date: Mon, 18 May 2026 16:57:39 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E6=AD=A3=E6=97=A5=E5=BF=97?=
 =?UTF-8?q?=E6=BB=9A=E5=8A=A8=E6=9D=A1=E9=A2=9C=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/project_context.md |  6 ++++++
 frontend/src/styles.css | 25 +++++++++++++++++++++++++
 2 files changed, 31 insertions(+)

diff --git a/docs/project_context.md b/docs/project_context.md
index 5c0bba1..d4c4546 100644
--- a/docs/project_context.md
+++ b/docs/project_context.md
@@ -1,5 +1,11 @@
 # 项目上下文记录
 
+## 2026-05-18：修正历史详情日志滚动条颜色
+
+- `frontend/src/styles.css` 为历史详情 `colored-log-panel` 单独设置滚动条颜色，避免继承全局 hover 颜色后在深色日志背景里不可见。
+- 日志框滚动条轨道使用深色，滑块和 hover 状态使用更亮的灰蓝色，同时补充横向/纵向滚动条和 corner 样式。
+- 已执行 `npm run build`，构建通过；未启动浏览器或 headless Chrome。
+
 ## 2026-05-18：优化历史详情日志查看
 
 - `frontend/src/components/HistoryPanel.vue` 的历史详情“处理日志”标题右侧新增复制按钮，点击后复制当前详情日志文本，优先使用 Clipboard API，失败时回退到 textarea 复制。
diff --git a/frontend/src/styles.css b/frontend/src/styles.css
index 11b3226..99d9326 100644
--- a/frontend/src/styles.css
+++ b/frontend/src/styles.css
@@ -1016,6 +1016,31 @@ select {
   color: #d7dde7;
   background: #111820;
   border-radius: var(--td-radius-default);
+  scrollbar-color: #5f6f83 #0b1118;
+}
+
+.colored-log-panel::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+
+.colored-log-panel::-webkit-scrollbar-track {
+  background: #0b1118;
+  border-radius: 5px;
+}
+
+.colored-log-panel::-webkit-scrollbar-thumb {
+  background: #5f6f83;
+  border: 2px solid #0b1118;
+  border-radius: 5px;
+}
+
+.colored-log-panel::-webkit-scrollbar-thumb:hover {
+  background: #7b8da3;
+}
+
+.colored-log-panel::-webkit-scrollbar-corner {
+  background: #0b1118;
 }
 
 .colored-log-content {