better scrollbars for disability

For people with poor hand function the gesture recognition on most laptops is impossible to use. I have to turn the two, three finger and swipe commands off all together. This makes scrolling a pain (many pages and browsers hide scrollbars now also), but this is easy fix with css.

First enter this command into a terminal window (might need sudo):

defaults write “Apple Global Domain” AppleScrollBarVariant DoubleBoth

For other hidden but useful OSX settings, check out this blog. Then next, under OSX browse to:

Users/brad/Library/Application Support/Google/Chrome/Default/User StyleSheets/

Create file named ‘Custom.css’ in your user directory with the following text and restart Chrome:

::-webkit-scrollbar { z-index:99999; width: 20px; /*vertical bar width*/ height: 20px; /*horizontal bar height*/} ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { height: 30px; /*vertical scroll button heights*/ width: 30px; /*horizontal scroll button widths*/} ::-webkit-scrollbar-button:horizontal:decrement { width:20px; /*left scroll button width*/ background: #777;} ::-webkit-scrollbar-button:horizontal:increment { width 20px; /* 40 right scroll button width, #ff5900 */ background: #ff5999;} ::-webkit-scrollbar-button:vertical:decrement { height:20px; /*up scroll button height*/ background: #777;} ::-webkit-scrollbar-button:vertical:increment { height:30px; /*down scroll button height*/ background: #ff5900;} ::-webkit-scrollbar-button:horizontal:decrement:active, ::-webkit-scrollbar-button:vertical:decrement:active { background: #ddd; } /*left/up scroll button active colour*/ ::-webkit-scrollbar-button:horizontal:increment:active, ::-webkit-scrollbar-button:vertical:increment:active { background: #ffd299; } /*right/down scroll button active colour*/ ::-webkit-scrollbar-track-piece { background-color: #eee; } /*scroll area background colour*/ ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal { background:#999;} /*scroll bar colour*/