::-webkit-scrollbar {
    width:  10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: #0a0a0a;
}

::-webkit-scrollbar-thumb {
    background-color: #2b7bff;
    border-radius: 10px;
    border: 2px solid #0a0a0a;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #519dff;
}

* {
    scrollbar-width: thin;
    scrollbar-color: #2b7bff #0a0a0a;
}

[data-theme="light"]::-webkit-scrollbar-track {
  background: #e5e5e5;
}

[data-theme="light"]::-webkit-scrollbar-thumb {
  background-color: #007bff;
  border: 2px solid #e5e5e5;
}

[data-theme="light"] * {
  scrollbar-color: #007bff #e5e5e5;
}