{"componentChunkName":"component---src-templates-single-template-tsx","path":"/ativando-o-tema-dark-nativo-do-chrome-dev-tools","result":{"data":{"site":{"siteMetadata":{"siteUrl":"https://blog.nandomoreira.dev","author":{"name":"Fernando Moreira","site":"https://nandomoreira.dev","social":{"disqus":"fernandomoreira"}}}},"markdownRemark":{"html":"

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.

\n

A surpresa de alguns

\n

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.

\n

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

\n

Como proceder

\n

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

\n
\n

1. Abra o Settings (F1) do seu DevTools

\n

\n \n \n \n \n \n \n \n \n
Chrome DevTools settings select
\n

\n
\n

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

\n

\n \n \n \n \n \n \n \n \n
Chrome DevTools dark
\n

\n

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

\n

Obrigado, de nada.

\n

Valeu, falou.

\n

{{end}}

","excerpt":"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…","timeToRead":1,"frontmatter":{"category":["dicas"],"date":"há 10 anos","datePublished":"2016-09-24T04:25:39.000Z","description":"O Google Chrome em uma de suas atualizações implementou o tema “Dark” para o Chrome DevTools.","path":"/ativando-o-tema-dark-nativo-do-chrome-dev-tools","tags":["dicas","google","chrome","devtools"],"title":"Ativando o tema Dark nativo do Chrome DevTools e indo para o lado negro da força","image":{"publicURL":"/static/chrome-devtools-dark-456a5277bdd83f958a9efe0db13c24c1.png","name":"chrome-devtools-dark"}},"fields":{"readingTime":{"words":220}}}},"pageContext":{}}}