Skip to content

Commit 27abb26

Browse files
committed
feat(theme-default): optimize scrollbar style of sidebar
1 parent 845cc2c commit 27abb26

File tree

1 file changed

+11
-0
lines changed

1 file changed

+11
-0
lines changed

packages/@vuepress/theme-default/src/styles/layout.styl

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -32,6 +32,17 @@ $mobileSidebarWidth = $sidebarWidth * 0.82;
3232
box-sizing: border-box;
3333
border-right: 1px solid $borderColor;
3434
overflow-y: auto;
35+
scrollbar-width: thin;
36+
scrollbar-color: $accentColor $borderColor;
37+
&::-webkit-scrollbar {
38+
width: 7px;
39+
}
40+
&::-webkit-scrollbar-track {
41+
background-color: $borderColor;
42+
}
43+
&::-webkit-scrollbar-thumb {
44+
background-color: $accentColor;
45+
}
3546
}
3647

3748
.sidebar-mask {

0 commit comments

Comments
 (0)