feat: add custom scrollbar styles for improved aesthetics and usability

This commit is contained in:
Yoga Pangestu 2026-08-05 20:31:17 +07:00
parent 87439677fc
commit d853e742ed

View File

@ -140,6 +140,29 @@ @layer base {
@apply border-border outline-ring/50;
}
*::-webkit-scrollbar {
width: 6px;
height: 6px;
}
*::-webkit-scrollbar-track {
background: transparent;
}
*::-webkit-scrollbar-thumb {
background-color: oklch(0.708 0 0 / 30%);
border-radius: 3px;
}
*::-webkit-scrollbar-thumb:hover {
background-color: oklch(0.708 0 0 / 50%);
}
* {
scrollbar-width: thin;
scrollbar-color: oklch(0.708 0 0 / 30%) transparent;
}
body {
@apply bg-background text-foreground;
}