From ed156ee2de85ed895b83b4e89e0fd369223c9747 Mon Sep 17 00:00:00 2001 From: chziyue Date: Mon, 6 Apr 2026 15:13:51 +0800 Subject: [PATCH] fix(ui): scrollbar visible in light mode - Add light mode scrollbar thumb override with dark color - Previously scrollbar was white (rgba(255,255,255,0.08)), invisible on light bg - Now uses rgba(0,0,0,0.15) for light mode, visible on light backgrounds --- ui/src/styles/base.css | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/ui/src/styles/base.css b/ui/src/styles/base.css index 3e90aca90ab..f551abd2c35 100644 --- a/ui/src/styles/base.css +++ b/ui/src/styles/base.css @@ -187,6 +187,16 @@ color-scheme: light; } +/* Scrollbar - visible on light backgrounds */ +:root[data-theme-mode="light"] ::-webkit-scrollbar-thumb { + background: rgba(0, 0, 0, 0.15); + border-radius: var(--radius-full); +} + +:root[data-theme-mode="light"] ::-webkit-scrollbar-thumb:hover { + background: rgba(0, 0, 0, 0.25); +} + /* Theme families override accent tokens while keeping shared surfaces/layout. */ :root[data-theme="openknot"] { /*