From b30fac5deda7941035d8ae23001c998c2584c03e Mon Sep 17 00:00:00 2001
From: Daniel Dada <doesdeos@gmail.com>
Date: Thu, 26 Jun 2025 23:40:15 +0300
Subject: [PATCH] fix: wordlist scrollbar styling

---
 popup/popup.css | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)

diff --git a/popup/popup.css b/popup/popup.css
index 8db22b7..47dbc75 100644
--- a/popup/popup.css
+++ b/popup/popup.css
@@ -423,4 +423,35 @@ label:has(input.switch) {
   display: flex;
   align-items: center;
   gap: 8px;
+}
+
+#wordList,
+body {
+  scrollbar-width: thin;
+  scrollbar-color: var(--accent) var(--section-bg);
+}
+
+#wordList::-webkit-scrollbar,
+body::-webkit-scrollbar {
+  width: 8px;
+  background: var(--section-bg);
+  border-radius: 8px;
+}
+
+#wordList::-webkit-scrollbar-thumb,
+body::-webkit-scrollbar-thumb {
+  background: var(--accent);
+  border-radius: 8px;
+  min-height: 24px;
+  border: 2px solid var(--section-bg);
+}
+
+#wordList::-webkit-scrollbar-thumb:hover,
+body::-webkit-scrollbar-thumb:hover {
+  background: #ffb84d;
+}
+
+#wordList::-webkit-scrollbar-corner,
+body::-webkit-scrollbar-corner {
+  background: var(--section-bg);
 }
\ No newline at end of file