itm/siakad-itm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: enhance scrollbar styling for better visibility and aesthetics
Some checks failed
tests / ci (pull_request) Has been cancelled
Details

Browse Source
This commit is contained in:
Yoga Pangestu 2026-08-25 01:19:50 +07:00
parent 6ceb297a52
commit 095c51cbfc
1 changed files with 38 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
resources/css/app.css
View File

@ -206,8 +206,44 @@ @layer base {
body {
@apply bg-background text-foreground;
}
html {
@apply font-sans;
html {
@apply font-sans;
}
* {
scrollbar-width: thin;
scrollbar-color: oklch(0.8 0 0) transparent;
}
*::-webkit-scrollbar {
width: 6px;
height: 6px;
}
*::-webkit-scrollbar-track {
background: transparent;
}
*::-webkit-scrollbar-thumb {
background-color: oklch(0.8 0 0);
border-radius: 3px;
}
*::-webkit-scrollbar-thumb:hover {
background-color: oklch(0.65 0 0);
}
.dark * {
scrollbar-color: oklch(0.35 0 0) transparent;
}
.dark *::-webkit-scrollbar-thumb {
background-color: oklch(0.35 0 0);
}
.dark *::-webkit-scrollbar-thumb:hover {
background-color: oklch(0.45 0 0);
}
}