From dac5075be9d537ff8d0faddd85678f5fdffbe6fe Mon Sep 17 00:00:00 2001
From: whyang <whyang9701@gmail.com>
Date: Tue, 21 Oct 2025 12:39:32 -0400
Subject: [PATCH] fix(styles): show light color scrollbar while dark mode is on

---
 src/styles/scss/scrollbar.scss | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/styles/scss/scrollbar.scss b/src/styles/scss/scrollbar.scss
index 2e5ec454..ba85b6b3 100644
--- a/src/styles/scss/scrollbar.scss
+++ b/src/styles/scss/scrollbar.scss
@@ -1,7 +1,14 @@
-@mixin scrollbar($size: 7px, $color: rgba(0, 0, 0, 0.5)) {
+@mixin scrollbar($size: 7px, $color: rgba(0, 0, 0, 0.5), $dark-color: rgba(255, 255, 255, 0.5)) {
   scrollbar-width: thin;
   scrollbar-color: $color transparent;
 
+  // Dark theme override
+  .dark & {
+    // guide safari use light color scrollbar
+    color-scheme: dark;
+    scrollbar-color: $dark-color transparent;
+  }
+
   &::-webkit-scrollbar-thumb {
     background-color: $color;
     border-radius: $size;