Chneemann/waveform
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style(ui): add custom theme-compliant scrollbar styles

Browse source
This commit is contained in:
Chneemann 2026-09-06 20:09:28 +02:00
parent a2c0de037f
commit 2e170b9d36
No known key found for this signature in database
1 changed files with 34 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
app/globals.css
View file

@ -25,3 +25,37 @@
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
} }
@layer utilities {
* {
scrollbar-width: thin;
scrollbar-color: var(--color-surface) transparent;
}
*:hover {
scrollbar-color: var(--color-muted) transparent;
}
::-webkit-scrollbar {
width: 6px;
height: 6px;
}
::-webkit-scrollbar-track {
background: transparent;
}
::-webkit-scrollbar-thumb {
background-color: var(--color-surface);
border-radius: 9999px;
transition: background-color 0.2s ease;
}
::-webkit-scrollbar-thumb:hover {
background-color: var(--color-muted);
}
::-webkit-scrollbar-thumb:active {
background-color: var(--color-accent);
}
}