diff --git a/src/assets/index.css b/src/assets/index.css index 8310684..7d02eaa 100644 --- a/src/assets/index.css +++ b/src/assets/index.css @@ -177,4 +177,31 @@ body { @apply bg-background text-foreground; } + + /* Match shadcn ScrollArea look on native scrollbars (full-page scroll, + textareas, anything not wrapped in ). */ + * { + scrollbar-width: thin; + scrollbar-color: var(--color-border) transparent; + } + *::-webkit-scrollbar { + width: 10px; + height: 10px; + } + *::-webkit-scrollbar-track { + background: transparent; + } + *::-webkit-scrollbar-thumb { + background-color: var(--color-border); + border-radius: 9999px; + border: 2px solid transparent; + background-clip: content-box; + } + *::-webkit-scrollbar-thumb:hover { + background-color: var(--color-muted-foreground); + background-clip: content-box; + } + *::-webkit-scrollbar-corner { + background: transparent; + } }