/* ============================================================ STREAMBOOST — Custom Scrollbar Supports both light and dark mode via .dark on ============================================================ */ /* ----- WebKit (Chrome, Edge, Safari) — base (light) ----- */ ::-webkit-scrollbar { width: 6px; height: 6px; } ::-webkit-scrollbar-track { background: #ede9f3; border-radius: 99px; } ::-webkit-scrollbar-thumb { background: rgba(145, 70, 255, 0.28); border-radius: 99px; transition: background 0.2s ease; } ::-webkit-scrollbar-thumb:hover { background: rgba(145, 70, 255, 0.55); } ::-webkit-scrollbar-corner { background: transparent; } /* ----- Firefox — base (light) ----- */ * { scrollbar-width: thin; scrollbar-color: rgba(145, 70, 255, 0.28) #ede9f3; } /* ----- WebKit — dark mode ----- */ .dark ::-webkit-scrollbar-track { background: #1a1a1f; } .dark ::-webkit-scrollbar-thumb { background: rgba(145, 70, 255, 0.38); } .dark ::-webkit-scrollbar-thumb:hover { background: rgba(145, 70, 255, 0.65); } /* ----- Firefox — dark mode ----- */ .dark * { scrollbar-color: rgba(145, 70, 255, 0.38) #1a1a1f; }