feat: customized scrollbar

1 files changed, 17 insertions, 0 deletions

diff --git a/styles.css b/styles.css
index 493f58d..6242309 100644
--- a/styles.css
+++ b/styles.css
@@ -14,6 +14,23 @@ body {
   padding: 0;
 }
 
+body::-webkit-scrollbar {
+  width: 11px;
+}
+
+body::-webkit-scrollbar-track {
+  background: var(--color-background);
+}
+body::-webkit-scrollbar-thumb {
+  background-color: var(--color-text) ;
+  border-radius: 6px;
+  border: 3px solid var(--color-background);
+}
+
+body::-webkit-scrollbar-thumb:hover {
+  border: 1px solid var(--color-background);
+}
+
 .container {
   margin: auto;
   max-width: 1280px;