Refactor CSS for improved organization and styling

- Adjusted typography and scrollbar appearance
RanitManik · Jun 14, 2024 · 9b36fd5 · 9b36fd5
1 parent 5fc3c46
commit 9b36fd5
Showing 1 changed file with 20 additions and 0 deletions.
diff --git a/assets/style.css b/assets/style.css
@@ -156,4 +156,24 @@ a.author-link {
 
 a.author-link:hover {
     color: var(--high-color);
+}
+
+
+/* Custom scrollbar */
+::-webkit-scrollbar {
+    width: 12px; /* Width of the entire scrollbar */
+}
+
+::-webkit-scrollbar-track {
+    background: var(--background-body); /* Color of the tracking area */
+}
+
+::-webkit-scrollbar-thumb {
+    background-color: #304d80; /* Color of the scroll thumb */
+    border-radius: 20px; /* Rounded corners */
+    border: 3px solid var(--background-body); /* Border around the thumb */
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background-color: var(--high-color); /* Color on hover */
 }