Feat(fortune): Add custom scrollbar styling for theme modal selection

2024-11-06 22:46:32 +08:00
parent 5874d347a0
commit a10be0ef61
1 changed files with 18 additions and 0 deletions
--- 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;