Writing Custom Scroll Bar CSS

Ever thought of a custom scroll bar with same theme as site color simple easy elegant

Simple and Flat

::-webkit-scrollbar {

    width: 10px;

}

::-webkit-scrollbar-track {

    /* -webkit-box-shadow: inset 0 0 6px #293E65; */

    border-radius: 0px;

    background: #fff;

}

::-webkit-scrollbar-thumb {

    border-radius: 0px;

    background: #1A315B;

}

With Gradient

::-webkit-scrollbar {

    width: 10px;

}

::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 6px #bf64cb;

    border-radius: 8px;

}

::-webkit-scrollbar-thumb {

    border-radius: 8px;

    background: linear-gradient(#bf64cb, #81338b);

}