From 77cff2de8f9e854aec825eb085bef6f20db0dd9c Mon Sep 17 00:00:00 2001 From: Sam Chau Date: Sun, 26 Oct 2025 10:00:33 +1030 Subject: [PATCH] style(scrollbar): add custom safari/chromium scrollbars --- src/app.css | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/src/app.css b/src/app.css index 177d328..81d3f5c 100644 --- a/src/app.css +++ b/src/app.css @@ -39,4 +39,22 @@ color 0.3s ease-in-out; } } + + /* Custom scrollbar for Chromium and Safari */ + ::-webkit-scrollbar { + width: 12px; + height: 12px; + } + + ::-webkit-scrollbar-track { + @apply bg-neutral-100 dark:bg-neutral-900; + } + + ::-webkit-scrollbar-thumb { + @apply bg-neutral-300 dark:bg-neutral-700 rounded; + } + + ::-webkit-scrollbar-thumb:hover { + @apply bg-neutral-400 dark:bg-neutral-600; + } }