diff --git a/src/index.css b/src/index.css index f8cd738..5693284 100644 --- a/src/index.css +++ b/src/index.css @@ -53,3 +53,42 @@ } } } + + +/* Global Scrollbar Styles */ +::-webkit-scrollbar { + width: 6px; + height: 6px; +} + +::-webkit-scrollbar-track { + background: transparent; +} + +::-webkit-scrollbar-thumb { + background-color: #cbd5e1; /* Tailwind slate-300 */ + border-radius: 8px; +} + +::-webkit-scrollbar-thumb:hover { + background-color: #94a3b8; /* Tailwind slate-400 */ +} + +/* Dark mode support */ +.dark ::-webkit-scrollbar-thumb { + background-color: #334155; /* Tailwind slate-700 */ +} + +.dark ::-webkit-scrollbar-thumb:hover { + background-color: #475569; /* Tailwind slate-600 */ +} + +/* For Firefox */ +* { + scrollbar-width: thin; + scrollbar-color: #cbd5e1 transparent; +} + +.dark * { + scrollbar-color: #334155 transparent; +}