vue-scrollbars/src/scrollbars/css/chrome.css

A light vue scrollbar comes from jquery.scrollbar.js

/*************** SCROLLBAR GOOGLE CHROME ***************/

.scrollbar-chrome > .scroll-element,
.scrollbar-chrome > .scroll-element div{
    border:none;
    margin:0;
    overflow:hidden;
    padding:0;
    position:absolute;
    z-index:10;
}
.scrollbar-chrome > .scroll-element{
    background-color:#ffffff;
}
.scrollbar-chrome > .scroll-element div{
    display:block;
    height:100%;
    left:0;
    top:0;
    width:100%;
}
.scrollbar-chrome > .scroll-element .scroll-element_outer{ }
.scrollbar-chrome > .scroll-element .scroll-element_track{
    background:#f1f1f1;
    border:1px solid #dbdbdb;
}
.scrollbar-chrome > .scroll-element.scroll-x{
    bottom:0;
    height:16px;
    left:0;
    min-width:100%;
    width:100%;
}
.scrollbar-chrome > .scroll-element.scroll-y{
    height:100%;
    min-height:100%;
    right:0;
    top:0;
    width:16px;
}
.scrollbar-chrome > .scroll-element .scroll-bar{
    background-color:#d9d9d9;
    border:1px solid #bdbdbd;
    cursor:default;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
}
.scrollbar-chrome > .scroll-element .scroll-bar:hover{
    background-color:#c2c2c2;
    border-color:#a9a9a9;
}
.scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar{
    background-color:#919191;
    border-color:#7e7e7e;
}
/* scrollbar height/width & offset from container borders */

.scrollbar-chrome > .scroll-content.scroll-scrolly_visible{ left:-16px; margin-left:16px; }
.scrollbar-chrome > .scroll-content.scroll-scrollx_visible{ top:-16px; margin-top:16px; }
.scrollbar-chrome > .scroll-element.scroll-x .scroll-bar{ height:8px; min-width:10px; top:3px; }
.scrollbar-chrome > .scroll-element.scroll-y .scroll-bar{ left:3px; min-height:10px; width:8px; }
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer{ border-left:1px solid #dbdbdb; }
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track{ height:14px; left:-3px; }
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size{ height:14px; left:-4px; }
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer{ border-top:1px solid #dbdbdb; }
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track{ top:-3px; width:14px; }
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size{ top:-4px; width:14px; }
/* update scrollbar offset if both scrolls are visible */

.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{ left:-19px; }
.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{ top:-19px; }
.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track{ left:-19px; }
.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track{ top:-19px; }