Modificar a barra de rolagem do Chrome

0
349

Estava procurando algumas dicas sobre navegadores (CHROME o/) quando achei no Dicas Browser (do nosso querido amigo Marco Damaceno) um post sobre o Customização de CSS no Google Chrome um dos melhores navegadores que existem, na minha opinião o melhor, abaixo estarei ensinado como adicionar o famoso Cascading Style Sheets no Chrome.

Para você que ainda não conhece códigos HTML e CSS, recomendo a leitura dos artigos:

  • O que é HTML?
  • O que é CSS?

Para fazer a alteração siga a seguinte dica:

Windows: Vá até -> AppDataLocalGoogleChromeUser DataDefaultUser StyleSheets.

Linux Ubuntu: acesse o Nautilus. Navegue pelo caminho
~/.config/google-chrome/Default/User StyleSheets.

Nos dois caminhos você encontrará o arquivo User StyleSheets, abra-o com o editor de texto de seu computador e cole o seguinte código:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
::-webkit-scrollbar {
width: 3px;
height: 3px;
}
::-webkit-scrollbar-track-piece {
background-color: #ffffff;
-webkit-border-radius: 3px;
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background-color: #666;
-webkit-border-radius: 3px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: #666;
-webkit-border-radius: 3px;
}

Depois de salvar seu arquivo User StyleSheets, reinicie o Google Chrome e seja feliz com a elegância de seu Chrome.

Referência: Chrome Story & Dicas Browser

Obrigado à quem leu até aqui, qualquer dúvida comentem.

RECEBA NOSSAS ATUALIZAÇÕES GRÁTIS
Enviamos nossos novos posts por e-mail para que você não perca nenhuma novidade!