customizable style scrollbar

scrollbar-styles.css

:root {
    --lightsteelblue: hsl(214, 41%, 78%);
    --steelblue: hsl(207, 44%, 49%);
    --lightgray: hsl(0, 0%, 83%);
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: var(--lightsteelblue);
}

::-webkit-scrollbar-thumb,
::-webkit-scrollbar-corner {
    background-color: var(--steelblue);
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px var(--lightgray);
    background-color: var(--lightsteelblue);
}