10 temas de código do Visual Studio que são agradáveis ​​aos olhos

Os temas integrados do Visual Studio Code não são ruins, mas você provavelmente vai querer outra coisa. Quando você passa horas codificando, precisa de algo que seja agradável aos olhos. Se os temas escuros integrados do VS Code não funcionarem para você, tente essas outras opções.

Instalando e Personalizando

Antes de listar os temas do Visual Studio Code, vamos abordar como instalá-los. Comece escolhendo o tema desejado e selecionando Instalar para abrir o Visual Studio Code. Pressione Instalar para confirmar que deseja instalar o tema. Você também pode abrir Extensões , procurar o nome do seu tema e instalá-lo diretamente.

Escolha o tema na caixa Selecionar tema de cor . Dependendo do tema, pode haver várias versões para escolher. Se você não vir isso, basta clicar em Alterar tema de cores ou ir para Arquivo -> Preferências -> Tema -> Tema de cores e selecionar seu tema. Experimente estes atalhos de teclado do Visual Studio Code para navegar mais rápido.

Se você quiser personalizar um tema, instale-o e vá para Extensões na barra lateral (ou Arquivo -> Extensões ). Selecione a engrenagem de configurações ao lado do seu tema e edite o quanto quiser. Se o seu tema não oferece isso ou você deseja ainda mais controle, use a configuração workbench.colorCustomizations .

1. Melhor tema escuro: One Dark Pro

One Dark Pro rapidamente se tornou um dos temas VS Code mais populares para quem adora um tema sombrio. Não só é um tom escuro confortável, mas a paleta de cores funciona bem sem ser muito chocante no fundo mais escuro.

Destaques

• Múltiplas variações de cores
• Cores de alto contraste
• Fonte fácil de ler

2. Melhor alto contraste: tons de roxo

Os temas escuros não precisam ser apenas tons de preto. Shades of Purple oferece vários tons de roxo que são surpreendentemente agradáveis ​​aos olhos. De um fundo roxo profundo a um texto roxo mais vibrante, se você adora roxo, vai adorar tudo sobre esse tema.

Destaques

• As cores funcionam bem tanto de dia como de noite
• Outras cores se misturam bem para ver o código
• Vem em roxo e roxo super escuro

3. Melhor para codificação noturna: Night Owl

Como o nome indica, Night Owl foi projetado para ambientes mais escuros para tornar a tela muito mais agradável aos seus olhos – um fundo azul profundo com opções de cores perfeitas para trabalhar a noite toda. Mas uma versão light também está incluída para codificação diurna.

Destaques

• As cores são suaves, embora ainda tenham alto contraste
• Ideal para daltonismo
• Inclui opções de itálico e sem itálico

4. Melhor contraste mínimo: Palenight

Se os temas de alto contraste do Visual Studio Code não são seus favoritos, experimente Palenight . É uma versão atenuada de Shades of Purple. Um roxo elegante funciona bem para codificação diurna e noturna. Além disso, o esquema de cores não é avassalador, mas há contraste suficiente para facilitar a distinção do seu código.

Destaques

• Inclui uma variação de contraste médio para mais contraste
• Inclui uma versão em itálico
• Uma versão mais elegante de Shades of Purple

5. Melhor para usuários do GitHub: Tema GitHub

Se você já adora como o GitHub mostra o código, experimente o Tema GitHub . É tudo o que você gosta no estilo clássico do GitHub, mas dentro do Visual Studio Code. Existem nove variações para atender a praticamente qualquer necessidade que você tenha. É o mais próximo possível dos temas oficiais do GitHub sem criar o seu próprio do zero.

Destaques

• Versões claras e escuras
• Duas versões daltônicas
• Duas variações legadas, mas não são atualizadas com frequência

6. Mais elegante: Ayu

Ayu combina elegância e simplicidade em um belo tema projetado para sessões de codificação curtas e longas. As cores brilhantes funcionam maravilhosamente bem contra variações claras e escuras. Pessoalmente, acho que Ayu tem um dos melhores esquemas de cores para variação de luz.

Destaques

• Três variações: escuro, claro e miragem
• Mirage é apenas um pouco mais claro que escuro
• O texto brilhante se destaca em todas as variações

7. Melhor Variedade: Noite

Se você não quiser instalar vários temas do Visual Studio Code, basta instalar o Noctis . Este tema único oferece 11 variações, que vão do escuro ao claro, e tudo mais. Adoro a variação Sereno com uma cor ciano profundo. Funciona bem tanto de noite quanto de dia.

Destaques

• As variações de cores incluem rosa, ciano, azul, roxo, laranja e violeta
• Minimus oferece menor saturação se a variação Azureus for muito brilhante
• Lux é ideal para um tema leve que ainda agrada aos olhos

8. Melhor tema sutil: Tema Panda

Simples, elegante e sutil combinam perfeitamente no Tema Panda . O tema escuro apresenta cores sutis com as quais é um prazer trabalhar. Embora seja mínimo, isso mantém o foco no seu código.

Destaques

• Mantém tudo o mais simples possível
• Apenas uma versão incluída
• Cores mais simples que funcionam bem em ambientes claros e escuros

9. Melhor Disponibilidade: Drácula Oficial

Se você costuma usar vários editores de código e deseja um tema consistente, use Dracula Official . Não é apenas um dos melhores temas do VS Code, mas também está disponível para centenas de outros aplicativos. As probabilidades são de que, se você trocar de editor de código , o Drácula Oficial estará disponível para isso.

Destaques

• Tema escuro com tons roxos
• Oferece duas variações: normal e suave
• Atualizado frequentemente desde 2016

10. Melhor Baixo Contraste: Noite de Tóquio

Se você preferir temas de baixo contraste do Visual Studio Code, Tokyo Night pode ser o tema perfeito para você. Existem três variações, incluindo um tema de baixo contraste e pouca luz. É semelhante ao Ayu, mas um pouco mais escuro. Todo o texto é fácil de ver e seus olhos vão adorar.

Destaques

• As variações escuras têm um pouco mais de contraste que as claras
• Inspirado nas luzes da cidade de Tóquio
• Roxo profundo versus preto nas variações escuras

Ficar olhando para uma tela por muito tempo nunca é bom para seus olhos, mas os temas certos do VS Code ajudam a reduzir drasticamente o cansaço. Se você está apenas aprendendo a programar, experimente estes jogos de codificação ou recursos online . Em seguida, pratique no Visual Studio Code com seu novo tema favorito.

Crédito da imagem: Unsplash . Todas as capturas de tela de Crystal Crowder.