<!DOCTYPE html>
<html>
    <style>
        html::-webkit-scrollbar {
            background: transparent;
            width: 50px;
            height: 50px;
        }
        html::-webkit-scrollbar-thumb {
            background: green;
        }
        html {
            background: lightblue;
            width: 500%;
            height: 500%;
            overflow: scroll;
        }
        p {
            width: 300px;
            will-change: transform;
        }
    </style>
    <p>The scrollbar tracks should be the same color with the document background color (lightblue) if the main frame supports the custom scrollbar.</p>
</html>