From 4ac18a2a8418ebd5a6f3fbdb1c6ab592d827efe8 Mon Sep 17 00:00:00 2001
From: woeoio <woeoio@qq.com>
Date: Mon, 16 Feb 2026 15:34:14 +0800
Subject: [PATCH 1/2] style: add dark mode scrollbar styles

---
 docs/_sass/custom/custom.scss | 35 +++++++++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)

diff --git a/docs/_sass/custom/custom.scss b/docs/_sass/custom/custom.scss
index 2b871b5..2d47261 100644
--- a/docs/_sass/custom/custom.scss
+++ b/docs/_sass/custom/custom.scss
@@ -1,3 +1,38 @@
 .site-logo {
   padding-right: 3rem;
 }
+
+/* Dark mode scrollbar styles */
+html.dark-mode {
+  /* WebKit browsers (Chrome, Safari, Edge) */
+  ::-webkit-scrollbar {
+    width: 10px;
+    height: 10px;
+  }
+
+  ::-webkit-scrollbar-track {
+    background: #1a1a1a;
+  }
+
+  ::-webkit-scrollbar-thumb {
+    background: #404040;
+    border-radius: 5px;
+  }
+
+  ::-webkit-scrollbar-thumb:hover {
+    background: #505050;
+  }
+
+  ::-webkit-scrollbar-corner {
+    background: #1a1a1a;
+  }
+}
+
+/* Firefox scrollbar styles */
+@supports (scrollbar-width: thin) {
+  html.dark-mode {
+    scrollbar-color: #404040 #1a1a1a;
+    scrollbar-width: thin;
+  }
+}
+

From a271f12dfe9ddb8988aca6654bac1ceb30fcf18f Mon Sep 17 00:00:00 2001
From: Kuba Sunderland-Ober <kuba@mareimbrium.org>
Date: Tue, 24 Feb 2026 16:36:27 +0100
Subject: [PATCH 2/2] style: tweak scrollbar styling to match Chrome's default
 better

---
 docs/_sass/custom/custom.scss | 25 +++++++++++++------------
 1 file changed, 13 insertions(+), 12 deletions(-)

diff --git a/docs/_sass/custom/custom.scss b/docs/_sass/custom/custom.scss
index 2d47261..0e77c97 100644
--- a/docs/_sass/custom/custom.scss
+++ b/docs/_sass/custom/custom.scss
@@ -2,12 +2,15 @@
   padding-right: 3rem;
 }
 
-/* Dark mode scrollbar styles */
 html.dark-mode {
-  /* WebKit browsers (Chrome, Safari, Edge) */
+  /*
+   * SCROLLBAR STYLING
+   */
+ 
+  /* LEGACY (-2025) */
   ::-webkit-scrollbar {
-    width: 10px;
-    height: 10px;
+    width: 15.5px;
+    height: 15.5px;
   }
 
   ::-webkit-scrollbar-track {
@@ -16,23 +19,21 @@ html.dark-mode {
 
   ::-webkit-scrollbar-thumb {
     background: #404040;
-    border-radius: 5px;
+    border-radius: 5.5px;
+    border-left: 3.75px solid #1a1a1a;
+    border-right: 3.75px solid #1a1a1a;
   }
 
   ::-webkit-scrollbar-thumb:hover {
-    background: #505050;
+    background: #909090;
   }
 
   ::-webkit-scrollbar-corner {
     background: #1a1a1a;
   }
-}
 
-/* Firefox scrollbar styles */
-@supports (scrollbar-width: thin) {
-  html.dark-mode {
+  /* MODERN (2025-) */
+  @supports(scrollbar-color: #404040 #1a1a1a) {
     scrollbar-color: #404040 #1a1a1a;
-    scrollbar-width: thin;
   }
 }
-