From 7be1b039acaec91701197ab02f684f1f1a60fae2 Mon Sep 17 00:00:00 2001
From: Gness Erquint <gness.na@gmail.com>
Date: Sun, 20 Apr 2025 22:44:33 +0300
Subject: [PATCH 1/5] Make scrollbars make sense.

---
 public/style.css | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/public/style.css b/public/style.css
index 6f736996b..64b0fa597 100644
--- a/public/style.css
+++ b/public/style.css
@@ -157,11 +157,23 @@ body {
 }
 
 ::-webkit-scrollbar {
-    width: 10px;
-    height: 10px;
+    width: 0.7rem;
     scrollbar-gutter: stable;
 }
 
+::-webkit-scrollbar-track {
+    cursor: default;
+    background-color: rgba(126, 126, 126, 0.2); /* Adaptive, but won't contrast with neutral-gray. */
+}
+
+::-webkit-scrollbar-thumb {
+    cursor: grab;
+}
+
+::-webkit-scrollbar-thumb:active {
+    cursor: grabbing;
+}
+
 .scrollY {
     overflow-y: auto !important;
 }

From 2fa1c69f3e681d8d2a7630761ed2616a41acf8ab Mon Sep 17 00:00:00 2001
From: Gness Erquint <gness.na@gmail.com>
Date: Mon, 21 Apr 2025 17:34:55 +0300
Subject: [PATCH 2/5] Show scrollbar track only when hovered.

---
 public/style.css | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/public/style.css b/public/style.css
index 64b0fa597..485979eee 100644
--- a/public/style.css
+++ b/public/style.css
@@ -163,6 +163,9 @@ body {
 
 ::-webkit-scrollbar-track {
     cursor: default;
+}
+
+::-webkit-scrollbar-track:hover {
     background-color: rgba(126, 126, 126, 0.2); /* Adaptive, but won't contrast with neutral-gray. */
 }
 

From 320b188d473e894a9b3a57a329bf70cbf0125698 Mon Sep 17 00:00:00 2001
From: Gness Erquint <gness.na@gmail.com>
Date: Mon, 21 Apr 2025 17:39:24 +0300
Subject: [PATCH 3/5] Using `em` instead of `rem` for scrollbar width.

---
 public/style.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/public/style.css b/public/style.css
index 485979eee..29e8fa65e 100644
--- a/public/style.css
+++ b/public/style.css
@@ -157,7 +157,7 @@ body {
 }
 
 ::-webkit-scrollbar {
-    width: 0.7rem;
+    width: 0.8em;
     scrollbar-gutter: stable;
 }
 

From 98b12e2bbabef6ab5fcf4928a3f7aa4a10974371 Mon Sep 17 00:00:00 2001
From: Cohee <18619528+Cohee1207@users.noreply.github.com>
Date: Mon, 21 Apr 2025 17:46:44 +0300
Subject: [PATCH 4/5] Make rem units scale with the font size slider

---
 public/style.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/public/style.css b/public/style.css
index 29e8fa65e..3f14ed609 100644
--- a/public/style.css
+++ b/public/style.css
@@ -134,6 +134,7 @@ html {
     -webkit-transform: translateZ(0);
     -webkit-backface-visibility: hidden;
     -webkit-perspective: 1000;
+    font-size: var(--mainFontSize);
 }
 
 body {
@@ -150,14 +151,13 @@ body {
     background-attachment: fixed;
     background-size: cover;
     font-family: var(--mainFontFamily);
-    font-size: var(--mainFontSize);
     color: var(--SmartThemeBodyColor);
     overflow: hidden;
     color-scheme: only light;
 }
 
 ::-webkit-scrollbar {
-    width: 0.8em;
+    width: 0.75rem;
     scrollbar-gutter: stable;
 }
 

From 6ace6a07d7195d40b46e1ff0305e8d625ea3a50b Mon Sep 17 00:00:00 2001
From: Cohee <18619528+Cohee1207@users.noreply.github.com>
Date: Mon, 21 Apr 2025 19:45:08 +0300
Subject: [PATCH 5/5] Revert font-size on html, increase sb width

---
 public/style.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/public/style.css b/public/style.css
index 3f14ed609..dff193e98 100644
--- a/public/style.css
+++ b/public/style.css
@@ -134,7 +134,6 @@ html {
     -webkit-transform: translateZ(0);
     -webkit-backface-visibility: hidden;
     -webkit-perspective: 1000;
-    font-size: var(--mainFontSize);
 }
 
 body {
@@ -151,13 +150,14 @@ body {
     background-attachment: fixed;
     background-size: cover;
     font-family: var(--mainFontFamily);
+    font-size: var(--mainFontSize);
     color: var(--SmartThemeBodyColor);
     overflow: hidden;
     color-scheme: only light;
 }
 
 ::-webkit-scrollbar {
-    width: 0.75rem;
+    width: 0.8rem;
     scrollbar-gutter: stable;
 }