From a10be0ef619be22f35fe98048e13fb1d312b0f9e Mon Sep 17 00:00:00 2001
From: lifeadventurer <life0adventurer@gmail.com>
Date: Wed, 6 Nov 2024 22:46:32 +0800
Subject: [PATCH] Feat(fortune): Add custom scrollbar styling for theme modal
 selection

---
 fortune_generator/css/styles.css | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/fortune_generator/css/styles.css b/fortune_generator/css/styles.css
index 805ca3b..6ac434e 100644
--- a/fortune_generator/css/styles.css
+++ b/fortune_generator/css/styles.css
@@ -126,6 +126,24 @@ button:hover {
   color: var(--title-color);
 }
 
+::-webkit-scrollbar {
+  width: 8px;
+}
+
+::-webkit-scrollbar-track {
+  background: var(--bg-color);
+  border-radius: 10px;
+}
+
+::-webkit-scrollbar-thumb {
+  background: var(--button-color);
+  border-radius: 10px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: var(--button-hover-color);
+}
+
 .color-preview-container {
   display: flex;
   align-items: center;