xevion/banner
1
0
Fork 0
mirror of https://github.com/Xevion/banner.git synced 2026-01-31 06:23:37 -06:00
Code Issues Packages Projects Releases 1 Wiki Activity

feat: integrate OverlayScrollbars with theme-aware styling

Browse Source
This commit is contained in:
Xevion
2026-01-29 01:05:19 -06:00
parent 67d7c81ef4
commit 841191c44d
4 changed files with 55 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/routes/layout.css
+29
View File
@@ -76,6 +76,35 @@ body * {
mix-blend-mode: normal;
}
/* OverlayScrollbars — custom handle colors per theme */
:root .os-scrollbar {
--os-handle-bg: rgba(0, 0, 0, 0.25);
--os-handle-bg-hover: rgba(0, 0, 0, 0.35);
--os-handle-bg-active: rgba(0, 0, 0, 0.45);
}
.dark .os-scrollbar {
--os-handle-bg: rgba(255, 255, 255, 0.35);
--os-handle-bg-hover: rgba(255, 255, 255, 0.45);
--os-handle-bg-active: rgba(255, 255, 255, 0.55);
}
.os-scrollbar-handle {
border-radius: 4px;
}
/* Hide native scrollbars on body — OverlayScrollbars takes over */
html,
body {
scrollbar-width: none;
-ms-overflow-style: none;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar {
display: none;
}
@keyframes pulse {
0%,
100% {