Chrome beautify: after cancelled Overlay Scrollbars

date

Mar 15, 2020

slug

chrome-beautify-overlay-scrollbars

status

Published

summary

Using stylus for Chrome scroll bars in any websites： 1. In stall stylus plugin in Chrome to customize, 2. Create a new style in stylus and select “apply to all pages”：

tags

Engineering

Crack

type

Post

Using stylus for Chrome scroll bars in any websites： 1. In stall stylus plugin in Chrome to customize, 2. Create a new style in stylus and select “apply to all pages”：

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background: #dddddd00;
}

::-webkit-scrollbar-button {
    width: 5px;
    height: 5px;
    background: #dddddd00;
}

::-webkit-scrollbar-button:hover {
    background: #d1d1d188;
}

::-webkit-scrollbar-thumb {
    background: #cccccc88;
}

::-webkit-scrollbar-thumb:hover {
    background: #88888888;
}

::-webkit-scrollbar-track {
    background: #dddddd00;
}

Done. : )