Debido a que había veces que no veía bien la barra de scroll en Google Chrome, sentí la necesidad de que tenía que hacer algo para no tener más ese problema. Y lo que he hecho ha sido personalizar un poco la scrollbar de Google Chrome.

Lo primero que hay que hacer es localizar este archivo y abrirlo con un editor de textos:

# Windows
%LOCALAPPDATA%\Google\Chrome\User Data\Default\User StyleSheets\Custom.css

# Mac
/Users/YourUsername/Library/Application Support/Google/Chrome/Default/User StyleSheets/Custom.css

# Linux
~/.config/google-chrome/Default/User StyleSheets/Custom.css

Una vez abierto, debemos ajustar los parámetros a nuestras necesidades. Os dejo un enlace donde se explica bastante bien todos los atributos que tenemos disponibles.

Estos son los valores que he puesto yo, que están basados en el estilo de Gmail:

::-webkit-scrollbar-track-piece {
    -webkit-border-radius: 0;
}
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: rgba(0, 0, 0, 0.3);
}
::-webkit-scrollbar-thumb:hover {
    height: 50px;
    -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.25);
    background-color: rgba(0, 0, 0, 0.5);
}

Si creáis vuestros propios diseños, no dudéis en compartirlos mediante los comentarios.