Charles7c/vitepress-theme-blog-charles7c-s1
Archived
0
0
Fork 0
Code Issues 75 Pull Requests Actions Packages Projects Releases Wiki Activity

tweak: add styles for slim scrollbar #69

Merged
andatoshiki merged 2 commits from main into main 2022-10-22 15:28:13 +08:00
Conversation 1 Commits 2 Files Changed 1 +15 -13
1 changed files with 15 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 569472ad5a - Show all commits

28
docs/.vitepress/theme/styles/custom.css
View File

@@ -16,27 +16,29 @@ pre, code, kbd, samp {
border-radius: 5px;
}
/* slim scroll bar for windows based web browsers - works on chrome, edge, and safari */
::-webkit-scrollbar {
width: 3px;
height: 3px;
/* slim scroll bar for windows based web browsers - works on firefox */
* {
scrollbar-color: var(--vp-c-divider-light) var(--vp-button-alt-bg);
scrollbar-width: thin;
}
/* scrolling track/backgronund color */
::-webkit-scrollbar-track {
background: #3b3b3b;
/* slim scroll bar for windows based web browsers - works on chrome, edge, and safari */
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
/* scrolling handle */
::-webkit-scrollbar-thumb {
background: #42b883;
background: var(--vp-c-divider-light);
}
/* handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #36986c;
background: var(--vp-button-alt-hover-bg);
}
/* scrolling track/backgronund color */
::-webkit-scrollbar-track {
background: var(--vp-button-alt-bg);
}