Skip to content

Commit bce5a87

Browse files
authored
feat: custom scrollbar style (#72)
1 parent b881aa2 commit bce5a87

1 file changed

Lines changed: 29 additions & 0 deletions

File tree

packages/devtools-vite/src/app/styles/global.css

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -88,3 +88,32 @@ summary::-webkit-details-marker {
8888
.v-popper__popper--shown {
8989
overflow: visible !important;
9090
}
91+
92+
/* For Scrollbar */
93+
::-webkit-scrollbar {
94+
width: 11px;
95+
}
96+
97+
::-webkit-scrollbar:horizontal {
98+
height: 11px;
99+
}
100+
101+
::-webkit-scrollbar-corner {
102+
background: transparent;
103+
}
104+
105+
::-webkit-scrollbar-thumb {
106+
background-color: #8884;
107+
border-radius: 100px;
108+
border: 2px solid transparent;
109+
background-clip: content-box;
110+
}
111+
112+
::-webkit-scrollbar-thumb:hover {
113+
background-color: #8885;
114+
}
115+
116+
::-webkit-scrollbar-track {
117+
border-radius: 1px;
118+
background: transparent;
119+
}

0 commit comments

Comments
 (0)