Se está à procura de um novo tema para mudar o seu editor de código no novo ano, nós cobrimo-lo. Confira uma variedade de temas estilosos com paletas de cores exclusivas – de elegante a elegante a vibrante e tudo o que está entre eles – para ver o que funciona melhor para você. Incluímos até alguns pacotes de ícones interessantes para personalizar ainda mais o VS Code.
Organizámos estes temas VS Code nas secções seguintes:
- Trending (1-20)
- Dark (21-30)
- Light (31-40)
- Colorful (41-50)
- Bonus: Icons (51-56)
Para instalar um tema em VS Code, basta visitar o mercado e selecionar o tema que você gostaria de baixar. Para alternar entre os temas instalados, abra a paleta de comandos com CMD/CTRL + SHIFT + P
e digite Preferences: Color Theme
. Você pode então navegar pelos seus temas no menu.
Tendência
Descubra novos temas de tendência para o código VS que estão a crescer em popularidade.
Radical

Material Gruvbox

Merko

Noite de Tóquio

Remedy

Minimal

Aurora X

Noite Atlântica

UI de vidro

Um toque de Lilás

FireFly Pro

ReUI

Slime

Signed Dark Pro

Ariake Dark

Snazzy Light

Spacegray

Celestial

Blueberry Dark

Bear

Dark
Prefere trabalhar no escuro? Descubra alguns dos melhores temas escuros para o Código VS.
Você também pode instalar todos esses temas escuros instalando nosso Best Dark Themes Pack.
One Dark Pro

Dracula Official

Nord

Palenight

One Monokai

Night Owl

Andrómeda

Darcula

Tema de Horizon

Cobalt2

Luz
Quer algo mais leve para você editor de códigos? Confira estes elegantes temas de luz.
Pode também instalar todos estes temas de luz, instalando o nosso Best Light Themes Pack.
Luz de fundo

Luz bluloco

Brackets Light Pro

Ysgrifennwr

Luz de feijão verde

Luz silenciosa

Luz de Lúpulo

NotepadPlusPlus Remixed

Luz GitHub

GitHub Plus

>
Color
Cansado de temas monocromáticos e de paletas de cores maçantes? Adicione um pouco de cor ao seu editor com estes temas coloridos.
>
Pode também instalar todos estes temas coloridos instalando o nosso Best Colorful Themes Pack.
Shades of Purple

SynthWave

Código Azul

Cyberpunk

LaserWave

Zeonica

Hipster

Wildberry

Qiita

>
Soft Era

Bonus: Ícones
VS Código também permite que você personalize os ícones no seu editor. Novos ícones aparecerão na barra lateral do código VS para ajudá-lo a visualizar diferentes arquivos e pastas. Você pode instalar pacotes de ícones como você faria com outros temas.
Para alterar os ícones no seu editor, abra a paleta de comandos com CMD/CTRL + SHIFT + P
e introduza o comando Preferences: File Icon Theme
. Você pode então navegar pelos seus temas de ícones instalados a partir do menu e visualizá-los em tempo real.
Quill

Helium

Seedling

City Luzes

Keen Neutral

Chalice

O que se segue?
>
Procura de ainda mais temas? Tente pesquisar no mercado de código VS e ordenar por Themes
. Os desenvolvedores criaram mais de 2.500 temas que você pode escolher para personalizar o VS Code.
Quer criar o seu próprio tema VS Code? Aprenda como criar uma extensão, personalizar a paleta de cores do VS Code e empurrar seu projeto para o mercado de VS Code em nosso tutorial: Lance um produto no VS Code Marketplace em 30 minutos ou menos.