Resize and Style Google Chrome Scroll bar without Extension

1 points by pyxy 13 years ago · 1 comment · 1 min read

Reader

Thanks to this guide now I have scrollbar looking like Plan9 Acme's one. The default scrollbar colors are very hard to see especially when your eyes are tired. With this settings I never miss the position in document.

::-webkit-scrollbar-track-piece{ background-color:#99994c; -webkit-border-radius:0; } ::-webkit-scrollbar{ width:12px; height:8px; } ::-webkit-scrollbar-thumb{ height:50px; background-color:#ffffea; -webkit-border-radius:0; outline:1px solid #99994c; outline-offset:-1px; border: 1px solid #99994c; }

pyxyOP 13 years ago

Thanks to this guide now I have Plan9 Acme like scrollbar in Google Chrome and Chromium and it's easy to see where you are even in the end of hard day:

    ::-webkit-scrollbar-track-piece{
    	background-color:#99994c;
    	-webkit-border-radius:0;
    }
    ::-webkit-scrollbar{
    	width:12px;
    	height:8px;
    }
    ::-webkit-scrollbar-thumb{
    	height:50px;
    	background-color:#ffffea;
    	-webkit-border-radius:0;
    	outline:1px solid #99994c;
    	outline-offset:-1px;
    	border: 1px solid #99994c;
    }

Settings

Resize and Style Google Chrome Scroll bar without Extension

Keyboard Shortcuts