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
![](https://raw.githubusercontent.com/DHedgecock/radical-vscode/master/assets/editor.jpg)
Material Gruvbox
![](https://user-images.githubusercontent.com/37491630/69468770-671d3400-0d85-11ea-85a7-cf7ffedab468.png)
Merko
![](https://github.com/merko30/merko-green-theme/raw/master/img/s.png)
Noite de Tóquio
![](https://raw.githubusercontent.com/enkia/tokyo-night-vscode-theme/master/static/ss_tokyo_night.png)
Remedy
![](https://raw.githubusercontent.com/robertrossmann/vscode-remedy/master/resources/screenshots/gui.png)
Minimal
![](https://github.com/dawran6/minimal-theme-vscode/raw/master/screenshot.png)
Aurora X
![](https://github.com/marqu3s10/Aurora-X/raw/master/images/screenshot.png)
Noite Atlântica
![](https://github.com/mrpbennett/atlantic-night-vscode-theme/raw/master/imgs/first-screen.png)
UI de vidro
![](https://user-images.githubusercontent.com/38076644/62824174-54eb0180-bbab-11e9-975e-2baf0e8cf33f.png)
Um toque de Lilás
![](https://raw.githubusercontent.com/alexnho/vscode-a-touch-of-lilac-theme/master/images/workbench.png)
FireFly Pro
![](https://raw.githubusercontent.com/ankitmlive/firefly-theme/master/assets/second-demo.png)
ReUI
![](https://raw.githubusercontent.com/barrsan/react-italic-theme-vscode/master/sc.png)
Slime
![](https://github.com/smlombardi/theme-slime/raw/master/screenshots/screenshot.png)
Signed Dark Pro
![](https://raw.githubusercontent.com/alex-munene/vscode-signed-dark-pro/master/images/signed-dark-pro.png)
Ariake Dark
![](https://github.com/a-wart/ariake-dark/blob/master/misc/screenshot_frag.png?raw=true)
Snazzy Light
![](https://raw.githubusercontent.com/loilo/vscode-snazzy-light/master/screenshots/javascript.png)
Spacegray
![](https://raw.githubusercontent.com/ionutvmi/spacegray-vscode/master/screenshots/eighties.png)
Celestial
![](https://github.com/apvarun/celestial-theme/raw/master/Preview.png)
Blueberry Dark
![](https://raw.githubusercontent.com/peymanslh/vscode-blueberry-dark-theme/master/screenshot.png)
Bear
![](https://raw.githubusercontent.com/shaodahong/theme-bear/master/bear-theme-snap.png)
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
![](https://raw.githubusercontent.com/Binaryify/OneDark-Pro/master/static/screenshot2.png)
Dracula Official
![](https://github.com/dracula/visual-studio-code/raw/master/screenshot.png)
Nord
![](https://raw.githubusercontent.com/arcticicestudio/nord-docs/develop/assets/images/ports/visual-studio-code/ui-overview-jsx.png)
Palenight
![](https://i.imgur.com/1mYWEP4.png)
One Monokai
![](https://github.com/azemoh/vscode-one-monokai/raw/master/screenshot-v0.2.0.png)
Night Owl
![](https://github.com/sdras/night-owl-vscode-theme/raw/master/first-screen.jpg)
Andrómeda
![](https://github.com/EliverLara/Andromeda/raw/master/images/andromeda.png)
Darcula
![](https://github.com/rokoroku/vscode-theme-darcula/raw/master/screenshot.png)
Tema de Horizon
![](https://i.imgur.com/y0gi1ez.png)
Cobalt2
![](https://raw.githubusercontent.com/wesbos/cobalt2-vscode/cobalt2-updates/images/ss.png)
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
![](https://raw.githubusercontent.com/akamud/vscode-theme-onelight/master/screenshots/preview.png)
Luz bluloco
![](https://raw.githubusercontent.com/uloco/theme-bluloco-light/master/screenshots/js.png)
Brackets Light Pro
![](https://raw.githubusercontent.com/EryouHao/brackets-light-pro/master/static/screenshot.png)
Ysgrifennwr
![](https://github.com/xaverh/theme-ysgrifennwr/raw/master/screenshot.png)
Luz de feijão verde
![](https://github.com/obrejla/vscode-netbeans-light-theme/raw/master/images/vscode-netbeans-light-theme.png)
Luz silenciosa
![](https://github.com/onecrayon/theme-quietlight-vsc/raw/master/images/screenshot.png)
Luz de Lúpulo
![](https://raw.githubusercontent.com/bubersson/hop-theme-vscode/master/hop-light.png)
NotepadPlusPlus Remixed
![](https://raw.githubusercontent.com/s-h-a-d-o-w/NotepadPlusPlus-Remixed-Theme/master/screenshot.png)
Luz GitHub
![](https://github.com/Hyzeta/vscode-theme-github-light/raw/master/screenshot/0.png)
GitHub Plus
![](https://github.com/thenikso/github-plus-theme/raw/master/screenshot.jpg)
>
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
![](https://raw.githubusercontent.com/ahmadawais/shades-of-purple-vscode/master/images/markdown.png)
SynthWave
![](https://github.com/robb0wen/synthwave-vscode/raw/master/theme.jpg)
Código Azul
![](https://i.imgur.com/JLCnwvi.jpg)
Cyberpunk
![](https://github.com/max-SS/cyberpunk/raw/master/assets/preview.png?raw=true)
LaserWave
![](https://github.com/Jaredk3nt/laserwave/raw/master/screenshot.png)
Zeonica
![](https://zeonicacom.files.wordpress.com/2018/09/zeonica_9502.png)
Hipster
![](https://github.com/ModoNoob/vscode-hipster-theme/raw/master/screenshot.png)
Wildberry
![](https://github.com/geoffstevens8/best-colorful-themes-pack/blob/master/images/wildberry.png?raw=true)
Qiita
![](https://qiita-image-store.s3.amazonaws.com/0/6598/e054a4bb-cea1-8fc9-e193-fbb8376ed93d.png)
>
Soft Era
![](https://github.com/soft-aesthetic/soft-era-vs-code/raw/master/screenshot.png)
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
![](https://github.com/cdonohue/vscode-quill-icons/raw/master/screenshots/demo-dark.png)
Helium
![](https://raw.githubusercontent.com/helgardferreira/vscode-helium-icon-theme/master/images/fileIcons.png)
Seedling
![](https://raw.githubusercontent.com/rastikerdar/vscode-seedling-icon-theme/master/images/preview.png)
City Luzes
![](https://raw.githubusercontent.com/yummygum/city-lights-icons-vsc/master/city-lights-icon-preview.gif)
Keen Neutral
![](https://github.com/keenethics/neutral-icon-theme/raw/master/preview.png)
Chalice
![](https://raw.githubusercontent.com/artlaman/chalice-icon-theme/master/assets/preview.png)
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.