Si vous cherchez un nouveau thème pour changer votre éditeur de code dans la nouvelle année, nous vous avons couvert. Découvrez une variété de thèmes élégants avec des palettes de couleurs uniques – de l’épuré au snazzy en passant par le vibrant et tout ce qui se trouve entre les deux – pour voir ce qui vous convient le mieux. Nous avons même inclus quelques packs d’icônes intéressants pour personnaliser encore plus VS Code.
Nous avons organisé ces thèmes VS Code dans les sections suivantes :
- Tendance (1-20)
- Foncé (21-30)
- Léger (31-40)
- Coloré (41-50)
- Bonus : Icônes (51-56)
Pour installer un thème dans VS Code, il suffit de visiter le marché et de sélectionner le thème que vous souhaitez télécharger. Pour basculer entre les thèmes installés, ouvrez la palette de commande avec CMD/CTRL + SHIFT + P
et tapez Preferences: Color Theme
. Vous pouvez ensuite parcourir vos thèmes dans le menu.
Tendance
Découvrez les nouveaux thèmes tendance pour VS Code qui gagnent en popularité.
Radical
![](https://raw.githubusercontent.com/DHedgecock/radical-vscode/master/assets/editor.jpg)
Gruvbox Material
![](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)
Tokyo Night
![](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)
Atlantic Night
![](https://github.com/mrpbennett/atlantic-night-vscode-theme/raw/master/imgs/first-screen.png)
Glass UI
![](https://user-images.githubusercontent.com/38076644/62824174-54eb0180-bbab-11e9-975e-2baf0e8cf33f.png)
A Touch of Lilac
![](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
Vous préférez travailler dans le noir ? Découvrez quelques-uns des meilleurs thèmes sombres pour VS Code.
Vous pouvez également installer tous ces thèmes sombres en installant notre pack des meilleurs thèmes sombres.
Un 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)
Un 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)
Andromeda
![](https://github.com/EliverLara/Andromeda/raw/master/images/andromeda.png)
Darcula
![](https://github.com/rokoroku/vscode-theme-darcula/raw/master/screenshot.png)
Horizon Theme
![](https://i.imgur.com/y0gi1ez.png)
Cobalt2
![](https://raw.githubusercontent.com/wesbos/cobalt2-vscode/cobalt2-updates/images/ss.png)
Light
Vous voulez quelque chose de plus léger pour votre éditeur de code ? Jetez un coup d’œil à ces thèmes légers et élégants.
Vous pouvez également installer tous ces thèmes légers en installant notre pack des meilleurs thèmes légers.
Atom One Light
![](https://raw.githubusercontent.com/akamud/vscode-theme-onelight/master/screenshots/preview.png)
Bluloco Light
![](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)
NetBeans Light
![](https://github.com/obrejla/vscode-netbeans-light-theme/raw/master/images/vscode-netbeans-light-theme.png)
Quiet Light
![](https://github.com/onecrayon/theme-quietlight-vsc/raw/master/images/screenshot.png)
Hop Light
![](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)
GitHub Light
![](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)
Colorful
Fatigué des thèmes monochromatiques et des palettes de couleurs ternes ? Ajoutez de la couleur à votre éditeur avec ces thèmes colorés.
Vous pouvez également installer tous ces thèmes colorés en installant notre pack des meilleurs thèmes colorés.
Des nuances de violet
![](https://raw.githubusercontent.com/ahmadawais/shades-of-purple-vscode/master/images/markdown.png)
SynthWave
![](https://github.com/robb0wen/synthwave-vscode/raw/master/theme.jpg)
Code Blue
![](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 : Icônes
VS Code vous permet également de personnaliser les icônes de votre éditeur. De nouvelles icônes apparaîtront dans la barre latérale de VS Code pour vous aider à visualiser les différents fichiers et dossiers. Vous pouvez installer des packs d’icônes comme vous le feriez pour d’autres thèmes.
Pour changer les icônes de votre éditeur, ouvrez la palette de commande avec CMD/CTRL + SHIFT + P
et entrez la commande Preferences: File Icon Theme
. Vous pouvez ensuite parcourir vos thèmes d’icônes installés à partir du menu et les prévisualiser en temps réel.
Plume
![](https://github.com/cdonohue/vscode-quill-icons/raw/master/screenshots/demo-dark.png)
Hélium
![](https://raw.githubusercontent.com/helgardferreira/vscode-helium-icon-theme/master/images/fileIcons.png)
Epinette
![](https://raw.githubusercontent.com/rastikerdar/vscode-seedling-icon-theme/master/images/preview.png)
Ville. Lumières
![](https://raw.githubusercontent.com/yummygum/city-lights-icons-vsc/master/city-lights-icon-preview.gif)
Keen Neutre
![](https://github.com/keenethics/neutral-icon-theme/raw/master/preview.png)
Chalice
![](https://raw.githubusercontent.com/artlaman/chalice-icon-theme/master/assets/preview.png)
Quoi d’autre ?
Vous cherchez encore plus de thèmes ? Essayez de faire une recherche sur la place de marché VS Code et de trier par Themes
. Les développeurs ont créé plus de 2 500 thèmes parmi lesquels vous pouvez piocher pour personnaliser VS Code.
Vous voulez créer votre propre thème VS Code ? Découvrez comment créer une extension, personnaliser la palette de couleurs de VS Code et pousser votre projet sur la place de marché VS Code dans notre tutoriel : Lancer un produit sur la place de marché VS Code en 30 minutes ou moins.