É possível alterar a cor da barra de rolagem no Windows 8?

Question

Muitas vezes, quando estou navegando em uma página da Web com muito conteúdo, a barra de rolagem é difícil de encontrar porque o contraste entre a posição da parte clicável e o plano de fundo é baixo.

Seria ótimo se houvesse uma maneira de alterar a cor da parte clicável da barra de rolagem para que eu pudesse vê-la melhor. Isso é possível?

    

Answer 1

A cor da barra de rolagem é definida pelo tema do Windows.

Para navegadores, você pode usar um CSS personalizado. No seu caso, para o Google Chrome, você pode instalar a extensão 'Stylish' e adicionar um novo estilo com o seguinte código:

body {
    position: absolute;
    top:20px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    padding: 0px; 
    overflow-y: scroll;
    overflow-x: hidden;
}

::-webkit-scrollbar {width: 12px;}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,0,0,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {background: rgba(255,0,0,0.4); }

Opcionalmente, o estilo pode ser melhorado com:

html { overflow: auto; }