system/memos
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

style(web): refine scrollbar styling

Browse source
This commit is contained in:
boojack 2026-04-26 00:24:45 +08:00
parent 34c90dd5e1
commit 3949a252db
1 changed files with 20 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
web/src/index.css
View file

@ -5,6 +5,26 @@
@layer base {
* {
@apply border-border outline-none ring-0;
scrollbar-color: color-mix(in oklch, var(--muted-foreground) 55%, transparent) transparent;
scrollbar-width: thin;
}
*::-webkit-scrollbar {
width: 8px;
height: 8px;
}
*::-webkit-scrollbar-track {
background: transparent;
}
*::-webkit-scrollbar-thumb {
background-color: color-mix(in oklch, var(--muted-foreground) 45%, transparent);
border-radius: 999px;
}
*::-webkit-scrollbar-thumb:hover {
background-color: color-mix(in oklch, var(--muted-foreground) 65%, transparent);
}
body {