Theme scrollbars for dark mode

Add global webkit and Firefox scrollbar styling using semantic
color tokens. Fix component scrollbar classes in GlobalSearchBar
and CompanySwitcher from hardcoded gray to theme-aware colors.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Darko Gjorgjijoski
2026-04-04 03:15:00 +02:00
parent 249b2759b6
commit a10d4d2de9
3 changed files with 23 additions and 3 deletions

View File

@@ -210,6 +210,26 @@ body {
min-height: 100vh;
min-height: -webkit-fill-available;
color: var(--color-heading);
scrollbar-color: var(--color-surface-muted) var(--color-surface-secondary);
}
/* Webkit scrollbars */
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-track {
background: var(--color-surface-secondary);
}
::-webkit-scrollbar-thumb {
background: var(--color-surface-muted);
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: var(--color-line-strong);
}
html {