From 601c940f158f3b67788c2a7c6ec5e1ae34ceabcd Mon Sep 17 00:00:00 2001
From: Pihkaal <hello@pihkaal.me>
Date: Sat, 3 Jan 2026 18:59:15 +0100
Subject: [PATCH] feat(gallery): custom scrollbar

---
 app/pages/gallery.vue | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/app/pages/gallery.vue b/app/pages/gallery.vue
index 82f39f6..66dd5af 100644
--- a/app/pages/gallery.vue
+++ b/app/pages/gallery.vue
@@ -248,6 +248,34 @@ onMounted(() => {
   </UScrollArea>
 </template>
 
+<style>
+*::-webkit-scrollbar-track {
+  border: 1px solid #000000;
+  background-color: #000000;
+}
+
+*::-webkit-scrollbar {
+  width: 8px;
+  background-color: #000000;
+}
+
+*::-webkit-scrollbar-thumb {
+  background-color: oklch(26.9% 0 0); /* neutral-800 */
+  border-radius: 10px;
+}
+
+*::-webkit-scrollbar-thumb:hover {
+  background-color: oklch(37.1% 0 0); /* neutral-700 */
+}
+
+@-moz-document url-prefix() {
+  * {
+    scrollbar-width: auto;
+    scrollbar-color: oklch(37.1% 0 0) #000000;
+  }
+}
+</style>
+
 <style scoped>
 .no-scroll :deep(*) {
   pointer-events: none !important;