nandomoreira ~apenas mais um programador

Ativando o tema Dark nativo do Chrome DevTools e indo para o lado negro da força

Publicado há 3 anos por Fernando Moreira.Tempo de leitura: 1 minuto - 220 palavras.

O Google Chrome em uma de suas atualizações implementou o tema "Dark" para o Chrome DevTools. Isso já faz uns 7 a 8 meses mais ou menos (eu acho), mas estou escrevendo esse pequeno artigo pra avisar os que ainda estão desavisados.

A surpresa de alguns

Estávamos no Meetup de Front-end aqui em Curitiba, onde palestrei sobre Jekyll, e em um determinado momento precisei abri o navegador e inspecionar alguns elementos no Google Chrome, o tema "default" do DevTools não ficou muito bem aos olhos de quem estava vendo de longe, então eu abri o Settings e troquei de "default" para "dark" e tudo ficou perfeito.

Confesso que fiquei um pouco #HashTagXatiado com a surpresa de alguns na sala, realmente eles desconheciam tal funcionalidade.

Como proceder

A parada é tão simples que nem sei se devo explicar ilustrando com imagens, mas vou mesmo assim. hehehee


1. Abra o Settings (F1) do seu DevTools

Chrome DevTools settings menu
Chrome DevTools settings menu

Chrome DevTools settings
Chrome DevTools settings


2. Logo na primeira abra vá até "Theme" e troque no select de "Default" para "Dark"

Chrome DevTools settings select
Chrome DevTools settings select


Ele vai dar um refresh (acho que reiniciando) e BAZINGA! o seu DevTools está todo Black Metal!! 🤘

Chrome DevTools dark
Chrome DevTools dark

Dica simples e útil (ou não).

Obrigado, de nada.

Valeu, falou.

{{end}}

Publicado há 3 anos por Fernando Moreira.