/** * Scrollbar mengikuti tema: default terang, html.dark untuk gelap. * Pakai class .dark di (sama seperti Tailwind darkMode: 'class'). */ html { color-scheme: light; } html.dark { color-scheme: dark; } /* Firefox */ * { scrollbar-width: thin; scrollbar-color: #94a3b8 #e2e8f0; } html.dark * { scrollbar-color: #52525b #262626; } /* Chromium, Safari, Edge */ *::-webkit-scrollbar { width: 10px; height: 10px; } *::-webkit-scrollbar-track { background: #e2e8f0; } *::-webkit-scrollbar-thumb { background: #94a3b8; border-radius: 6px; border: 2px solid #e2e8f0; } *::-webkit-scrollbar-thumb:hover { background: #64748b; } html.dark *::-webkit-scrollbar-track { background: #262626; } html.dark *::-webkit-scrollbar-thumb { background: #52525b; border-color: #262626; } html.dark *::-webkit-scrollbar-thumb:hover { background: #71717a; }