Meu temas favoritos do VSCode e uma dica TOP pra melhorar ainda mais seu editor

O VSCode tem uma infinidade de temas, eu tenho meus favoritos, e acredito que um bom tema, com as cores corretas em métodos e palavras reservadas, além de aumentar nossa produtividade programando, um tema novo até me deixa mais animado para programar. Segue minhas recomendações:

Sobre mim

Meu Portfolio Meu GitHub

1 - Dracula

Acho que esse é o tema que eu mais usei no vscode. Cores muito agradaveis, e acho que as cores utilizadas em métodos e palavras reservadas ficam muito boas. dracula

2 - Fleet Theme

Inpirado no tema da Jetbrains. Atualmente eu utilizo a fonte do jetbrains em meu vscode, a jetbrains mono imagem

3 - One dark pro

imagem

4 - Github Theme

imagem

5 - Material icon

Esse é um tema que aumenta muito a produtividade, pois, ele altera a aparencia dos icones o que facilita muito a visualização imagem

EXTRA

Uma das primeiras coisas que faço quando instalo o vscode é realizar essa configuração: imagem

Gosto muito dessa configuração além de mais agradavel também é mais facil de identificar os simbolos, principalmente os de maior igual e menor igual.

Para ativar essa configuração pesquise por ligatures, então edite o o setting.json adicionando essa linha "editor.fontLigatures": true

Links

Dracula Fleet One dark pro Github theme Material icon

Se puderam dar uma força estou com o projeto "pavao-discreto" publicado há um tempo. Abraços.

https://marketplace.visualstudio.com/items?itemName=BrunoVieira.pavao-discreto

Força que tu diz é em divulgar e utilizar? Ou desenvolver?

Cansei do Dracula, prefiro o Poimandres.

Também cansei do Dracula, hoje to usando o winteriscoming, tem uma paleta de azul muito boa.

Muito bom amigo.

Sobre temas particularmente eu uso também o Drácula como base, mas modifiquei ele bastante. Neste comentário tem uma explicação sobre como customizar os temas no VSCode, como cores de métodos, palavras chave, e assim por diante. Muitas vezes gostamos de um tema mas algum detalhe dele não nos agrada, ou então achamos que está faltando alguma coisa.

Já no que se refere à tema de ícones, eu também gosto do Material Icon, acho que fica perfeito. O único detalhe é que as vezes pode ser que determinado arquivo ou pasta acabe ficando sem um ícone, e talvez a gente pense: "Rapaz, gostaria que tivesse um ícone aqui". Para conseguir adicionar um ícone em uma pasta que talvez não tenha, basta usar a chave material-icon-theme.folders.associations, e para arquivos, a chave material-icon-theme.files.associations.

Segue abaixo um exemplo de como usar:

"material-icon-theme.folders.associations": {
    "entities": "Class",
    "entity": "Class",
    "migrations": "Tools",
    "migration": "Tools",
    "repositories": "Container"
  }

Basicamente, as chaves são os nomes das pastas, e os valores são os ícones que serão usados.

No exemplo acima, as pastas que se chamarem entities e entity, terão o ícone de Class, as pastas chamadas migrations e migration terão o ícone de Tools e as pastas de nome repositories terão o ícone de Container.

Mas de onde tirar os nomes dos ícones? Bem, no seu próprio post, e também na página da extensão tem uma imagem mostrando todos os ícones com seus respectivos nomes, tanto os de pastas como os de arquivos. Basta usá-los.

Parabéns pelo post :smile:, espero ter contribuído de alguma forma com esse comentário.

parabens cara, mto

Particularmente, eu não gosto das font ligatures, prefiro identificar os caracteres individualmente, mas isso é questão de gosto pessoal.

Também uso o Material Icon Theme para os ícones dos diretórios e arquivos.

Show de bola! Atualmente estou usando o tema padrão do vscode mas já usei mt o drácula

Show o post! Ainda não conhecia o Fleet Theme.

Passei alguns anos usando somente o One Dark Pro, até conhecer o Bearded Theme. Tem muitas variações, as cores harmonizam legal, tô gostando muito.

Segue o link: https://marketplace.visualstudio.com/items?itemName=BeardedBear.beardedtheme

Eu já usei boa parte desses temas e eles são realmente bonitos. No entanto, quando eu conheci o Tokyo Night foi amor a primeira vista 😍 hahah, como eu disse em outra postagem, foi o tema mais agradável que eu achei.

E como eu gosto de dar uma diferenciada, eu mudei do Material Icons para o vscode-icons: demonstração do tema ↑ fonte da imagem: plainenglish.io

Também to quase mudando para o Ayu, parece ter ícones bastante bonitos.

Muito bom, eu utilizo no meu dia a dia o Dracula e o Material icon, alem das fontLigatures.

Outra dica é utilizar a fonte Fira Code: https://github.com/tonsky/FiraCode É só instalar ela e adicionar a config "editor.fontFamily": "Fira Code",

Eu usava Fira Code mas agora descobri essa JetBrains Mono e não tem volta kkk https://www.jetbrains.com/pt-br/lp/mono/

Que massa, não conhecia esse "Material Icon". Ajudou bastante na visualização dos arquivos!

Existem varios desse tipo, alguns menos coloridos também. Eu gosto de usar o Easy icon theme.

Parabéns, pelo post e muito obrigado pelas dicas. Agora vou aquimmexer nos temes do VSCode.

obrigado cara estava tentando lembrar o nome do one dark e nao conseguia

Eu gosto do fork do Dracula que é mais escuro! Dracula dark se não me engano. Me parece q o Dracula padrão tem um filtro branco transparente que me incomoda

Experimenta o tema Omni. Acho que vai gostar.

Utilizei por muito tempo o Dracula e atualmente o meu tema é One Dark Pro. Gosto muito da diferenciação de cores que ele tem pra variáveis, métodos, funções, etc.

curti o posto! Vou testar aqui!!

Exelente post, curti muito a parte de font ligatures.