style: scrollbar styling

elidianaandrade · Nov 8, 2023 · d82f293 · d82f293
1 parent 74dbdea
commit d82f293
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/assets/css/styles.css b/assets/css/styles.css
@@ -43,6 +43,8 @@ html[data-theme='light'] .technologies__logo {
   box-sizing: border-box;
   vertical-align: baseline;
   list-style: none;
+  scrollbar-width: thin;
+  scrollbar-color: var(--secondary-bg-color) transparent;
 }
 
 body {
@@ -51,6 +53,19 @@ body {
   color: var(--text-color);
 }
 
+::-webkit-scrollbar {
+  width: 0.5rem;
+}
+
+::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+  background: var(--secondary-bg-color);
+  border-radius: 50rem;
+}
+
 a {
   text-decoration: none;
   color: var(--text-color);