mirror of
https://github.com/InvoiceShelf/InvoiceShelf.git
synced 2026-04-15 17:24:10 +00:00
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:
20
resources/css/invoiceshelf.css
vendored
20
resources/css/invoiceshelf.css
vendored
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user