jason/polaris-task-force
1
0
Fork 0
Code Issues Wiki Activity

style(ui): add theme-matching scrollbars across the frontend

Browse source
This commit is contained in:
Jason Fraley 2026-08-11 23:25:47 -04:00
parent 7f27b5e823
commit b024bcf2da
1 changed files with 30 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
src/app/(frontend)/styles.css
View file

@ -301,4 +301,34 @@
.locker-search-highlight {
animation: locker-search-pulse 1.1s ease-in-out infinite;
box-shadow: 0 0 0 3px rgb(251 191 36 / 0.9);
}
/* Scrollbars — styled to match the dark frontend theme */
* {
scrollbar-width: thin;
scrollbar-color: color-mix(in oklch, var(--foreground) 20%, transparent) transparent;
}
*::-webkit-scrollbar {
width: 10px;
height: 10px;
}
*::-webkit-scrollbar-track {
background: transparent;
}
*::-webkit-scrollbar-thumb {
background-color: color-mix(in oklch, var(--foreground) 20%, transparent);
border-radius: 9999px;
border: 2px solid transparent;
background-clip: padding-box;
}
*::-webkit-scrollbar-thumb:hover {
background-color: color-mix(in oklch, var(--foreground) 32%, transparent);
}
*::-webkit-scrollbar-corner {
background: transparent;
}