Partilhar via

Aplicar um tema de cor às DevTools

  • Artigo

Pode aplicar vários temas de cor às DevTools do Microsoft Edge, incluindo vários temas de Visual Studio Code, como Monokai e Solarized Dark. Os temas afetam a cor dos painéis, botões e realce da sintaxe de código.

Este artigo é sobre como alterar o aspeto do DevTools. Para alterar a forma como a página Web em desenvolvimento é apresentada, consulte Emular esquemas escuros ou claros na página composta.

Temas disponíveis

Por predefinição, o tema DevTools está definido como Preferência do sistema (também denominada tema de cor preferencial do sistema). Se o seu sistema operativo estiver definido como Tema claro, o DevTools utiliza o tema Claro+ . Se o seu sistema operativo estiver definido como Tema escuro, o DevTools utiliza o tema Escuro+ . No entanto, pode alterar as DevTools para qualquer um dos outros temas, para que as DevTools não sejam afetadas quando define o sistema operativo como tema Claro ou Escuro.

Temas claros:

  • Light+ (Predefinição)
  • Luz Silenciosa
  • Luz Solarizada

Temas escuros:

  • Escuro+ (Predefinição)
  • Abismo
  • Kimbie Dark
  • Monokai
  • Monokai Dimmed
  • Vermelho
  • Escuro Solarizado
  • Amanhã à Noite Azul

A seguinte captura de ecrã mostra quatro temas de DevTools diferentes, da parte superior esquerda para a direita inferior: Tomorrow Night Blue, Kimbie Dark, Solarized Dark e Red:

Quatro janelas do Microsoft Edge, cada uma com DevTools abertas, e cada uma com um tema de cor DevTools diferente

Alterar o tema de cor a partir das Definições

  1. Em DevTools, clique no botão Personalizar e controlar DevTools (personalizar e controlar DevTools) e, em seguida, clique no botão Definições (ícone Definições). Em alternativa, prima F1.

    O ícone Definições (engrenagem)

  2. Selecione Preferências e, em seguida, na secção Aspeto , selecione um tema na lista pendente Tema :

    Selecionar um tema nas Preferências

Alterar o tema de cor a partir do Menu de Comandos

Para utilizar o Menu de Comandos para alterar o tema de cor aplicado às DevTools:

  1. Em DevTools, abra o Menu de Comandos, tal como premir Ctrl+Shift+P (Windows/Linux) ou Comando+Shift+P (macOS).

  2. Comece a themeescrever e, em seguida, selecione um comando Aspeto, como Mudar para tema Abyss ou Mudar para o tema Claro+ (Predefinição):

A lista de temas no Menu de Comandos

  1. Pressione Enter.

Veja também:

Observação

Partes desta página são modificações baseadas no trabalho criado e partilhado pela Google e utilizado de acordo com os termos descritos na Licença Internacional Creative Commons Attribution 4.0. A página original é encontrada aqui e é da autoria de Kayce Bascos.

Licença Creative Commons Este trabalho é licenciado ao abrigo de uma Licença Internacional creative Commons Attribution 4.0.