Skip to content

Commit 80171af

Browse files
Merge pull request #462 from Papia-tech/main
Implement custom scrollbar styles
2 parents 8f944a2 + 03540a4 commit 80171af

1 file changed

Lines changed: 25 additions & 0 deletions

File tree

src/index.css

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -245,3 +245,28 @@
245245
.icon-issue-closed {
246246
color: #cf222e;
247247
}
248+
249+
/* --Firefox support -- */
250+
html {
251+
scrollbar-width: thin;
252+
scrollbar-color: rgba(96, 165, 250, 0.78) transparent;
253+
}
254+
255+
/* --Chrome, Edge, Safari, and Opera support -- */
256+
::-webkit-scrollbar {
257+
width: 8px;
258+
height: 8px;
259+
}
260+
261+
::-webkit-scrollbar-track {
262+
background: transparent;
263+
}
264+
265+
::-webkit-scrollbar-thumb {
266+
background: rgba(96, 165, 250, 0.78);
267+
border-radius: 9999px;
268+
}
269+
270+
::-webkit-scrollbar-thumb:hover {
271+
background: rgba(156, 163, 175, 0.8);
272+
}

0 commit comments

Comments
 (0)