refac: scrollbar thumb styling

This commit is contained in:
Timothy Jaeryang Baek 2025-05-24 17:19:47 +04:00
parent 8261f0e17e
commit aebbc2593b

View File

@ -103,7 +103,7 @@ li p {
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
--tw-border-opacity: 1; --tw-border-opacity: 1;
background-color: rgba(236, 236, 236, 0.8); background-color: rgba(200, 200, 200, 0.8);
border-color: rgba(255, 255, 255, var(--tw-border-opacity)); border-color: rgba(255, 255, 255, var(--tw-border-opacity));
border-radius: 9999px; border-radius: 9999px;
border-width: 1px; border-width: 1px;
@ -111,13 +111,13 @@ li p {
/* Dark theme scrollbar styles */ /* Dark theme scrollbar styles */
.dark ::-webkit-scrollbar-thumb { .dark ::-webkit-scrollbar-thumb {
background-color: rgba(42, 42, 42, 0.8); /* Darker color for dark theme */ background-color: rgba(67, 67, 67, 0.8); /* Darker color for dark theme */
border-color: rgba(0, 0, 0, var(--tw-border-opacity)); border-color: rgba(0, 0, 0, var(--tw-border-opacity));
} }
::-webkit-scrollbar { ::-webkit-scrollbar {
height: 0.8rem; height: 0.8rem;
width: 0.4rem; width: 0.45rem;
} }
::-webkit-scrollbar-track { ::-webkit-scrollbar-track {