From 443c5abe579401a8dfbad45ed8fceb0775a8a3c2 Mon Sep 17 00:00:00 2001 From: Marc Mintel Date: Thu, 14 May 2026 20:56:10 +0200 Subject: [PATCH] style: add custom mac-style scrollbar in corporate green --- app/globals.css | 25 +++++++++++++++++++++++++ 1 file changed, 25 insertions(+) diff --git a/app/globals.css b/app/globals.css index 15679133e..691ede043 100644 --- a/app/globals.css +++ b/app/globals.css @@ -58,5 +58,30 @@ button[disabled] { cursor: not-allowed; } + + /* Custom Modern Scrollbar */ + ::-webkit-scrollbar { + width: 14px; + height: 14px; + } + ::-webkit-scrollbar-track { + background: transparent; + } + ::-webkit-scrollbar-thumb { + background-color: rgba(14, 122, 92, 0.4); + border-radius: 10px; + border: 4px solid transparent; + background-clip: padding-box; + transition: background-color 0.2s ease; + } + ::-webkit-scrollbar-thumb:hover { + background-color: rgba(14, 122, 92, 0.8); + } + + /* Firefox */ + html { + scrollbar-color: rgba(14, 122, 92, 0.5) transparent; + scrollbar-width: thin; + } } /* trigger rebuild */