/* Chrome, Edge and Safari - Light Theme (default) */
*::-webkit-scrollbar {
    height: 3px;
    width: 3px;
}

*::-webkit-scrollbar-track {
    background-color: transparent;
}

*::-webkit-scrollbar-track:hover {
    background-color: transparent;
}

*::-webkit-scrollbar-track:active {
    background-color: transparent;
}

*::-webkit-scrollbar-thumb {
    border-radius: 7px;
    background-color: #444444;
    /* สีเทาเข้มสำหรับธีมสว่าง */
}

*::-webkit-scrollbar-thumb:hover {
    background-color: #444444;
}

*::-webkit-scrollbar-thumb:active {
    background-color: #444444;
}

/* Dark Theme */
.dark *::-webkit-scrollbar-track {
    background-color: transparent;
}

.dark *::-webkit-scrollbar-thumb {
    border-radius: 7px;
    background-color: #60a5fa;
    /* สีฟ้าอ่อนสำหรับธีมมืด */
}

.dark *::-webkit-scrollbar-thumb:hover {
    background-color: #3b82f6;
    /* สีฟ้าจัดขึ้นเมื่อ hover */
}

.dark *::-webkit-scrollbar-thumb:active {
    background-color: #2563eb;
    /* สีฟ้าจัดสุดเมื่อ active */
}