From 434e926f7740d5d05481127eb0ac4570744130b3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= Date: Fri, 6 Mar 2026 14:42:15 +0100 Subject: [PATCH] style: use primary color for scrollbar thumbs 40% opacity at rest, 70% on hover, adapts to light/dark theme. Co-Authored-By: Claude Sonnet 4.6 --- packages/frontend/src/app.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/frontend/src/app.css b/packages/frontend/src/app.css index 7a30aad..0b6cc6d 100644 --- a/packages/frontend/src/app.css +++ b/packages/frontend/src/app.css @@ -105,7 +105,7 @@ border-color: var(--border); outline-color: var(--ring); scrollbar-width: thin; - scrollbar-color: var(--border) transparent; + scrollbar-color: color-mix(in oklab, var(--primary) 40%, transparent) transparent; } *::-webkit-scrollbar { @@ -118,17 +118,17 @@ } *::-webkit-scrollbar-thumb { - background-color: var(--border); + background-color: color-mix(in oklab, var(--primary) 40%, transparent); border-radius: 9999px; } *::-webkit-scrollbar-thumb:hover { - background-color: var(--muted-foreground); + background-color: color-mix(in oklab, var(--primary) 70%, transparent); } html { scrollbar-width: thin; - scrollbar-color: var(--border) transparent; + scrollbar-color: color-mix(in oklab, var(--primary) 40%, transparent) transparent; } .prose h2 {