diff --git a/ide/src/index.css b/ide/src/index.css index aaef749c..dd6af04e 100644 --- a/ide/src/index.css +++ b/ide/src/index.css @@ -85,25 +85,38 @@ } } -/* Scrollbar styling */ +/* Custom IDE Scrollbars */ + +/* Firefox fallback */ +* { + scrollbar-width: thin; + scrollbar-color: hsl(var(--border)) transparent; +} + +/* Webkit (Chrome, Safari, Edge) */ ::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-track { - background: hsl(var(--background)); + background: transparent; } ::-webkit-scrollbar-thumb { background: hsl(var(--border)); border-radius: 4px; + transition: background 0.2s ease; } ::-webkit-scrollbar-thumb:hover { background: hsl(var(--muted-foreground)); } +::-webkit-scrollbar-corner { + background: transparent; +} + .search-match-decoration { background-color: rgba(80, 181, 255, 0.28); border-radius: 2px;