From b024bcf2da8857ac65328f8af5231cf14aad22fb Mon Sep 17 00:00:00 2001
From: Z8MB1E <jason@onyxsimple.com>
Date: Tue, 11 Aug 2026 23:25:47 -0400
Subject: [PATCH] style(ui): add theme-matching scrollbars across the frontend

---
 src/app/(frontend)/styles.css | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/src/app/(frontend)/styles.css b/src/app/(frontend)/styles.css
index 4150eda..8c9bea0 100644
--- a/src/app/(frontend)/styles.css
+++ b/src/app/(frontend)/styles.css
@@ -301,4 +301,34 @@
 .locker-search-highlight {
     animation: locker-search-pulse 1.1s ease-in-out infinite;
     box-shadow: 0 0 0 3px rgb(251 191 36 / 0.9);
+}
+
+/* Scrollbars — styled to match the dark frontend theme */
+* {
+    scrollbar-width: thin;
+    scrollbar-color: color-mix(in oklch, var(--foreground) 20%, transparent) transparent;
+}
+
+*::-webkit-scrollbar {
+    width: 10px;
+    height: 10px;
+}
+
+*::-webkit-scrollbar-track {
+    background: transparent;
+}
+
+*::-webkit-scrollbar-thumb {
+    background-color: color-mix(in oklch, var(--foreground) 20%, transparent);
+    border-radius: 9999px;
+    border: 2px solid transparent;
+    background-clip: padding-box;
+}
+
+*::-webkit-scrollbar-thumb:hover {
+    background-color: color-mix(in oklch, var(--foreground) 32%, transparent);
+}
+
+*::-webkit-scrollbar-corner {
+    background: transparent;
 }
\ No newline at end of file