Wenn Sie auf der Suche nach einem neuen Thema sind, um Ihren Code-Editor im neuen Jahr aufzupeppen, haben wir etwas für Sie. Schauen Sie sich eine Vielzahl stilvoller Themes mit einzigartigen Farbpaletten an – von schlicht über schick bis hin zu lebhaft und alles dazwischen – und finden Sie heraus, was Ihnen am besten gefällt. Wir haben sogar ein paar interessante Icon Packs beigefügt, mit denen du VS Code noch mehr anpassen kannst.
Wir haben diese VS Code-Themen in die folgenden Abschnitte unterteilt:
- Trend (1-20)
- Dunkel (21-30)
- Hell (31-40)
- Bunt (41-50)
- Bonus: Icons (51-56)
Um ein Theme in VS Code zu installieren, besuchen Sie einfach den Marktplatz und wählen Sie das Theme, das Sie herunterladen möchten. Um zwischen den installierten Themen zu wechseln, öffnen Sie die Befehlspalette mit CMD/CTRL + SHIFT + P
und geben Sie Preferences: Color Theme
ein. Sie können dann im Menü durch Ihre Themes blättern.
Trendthemen
Entdecken Sie neue Trendthemen für VS Code, die immer beliebter werden.
Radikal
![](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)
Ein Hauch von Flieder
![](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
Sie arbeiten lieber im Dunkeln? Entdecken Sie einige der besten dunklen Themes für VS Code.
Sie können auch alle diese dunklen Themes installieren, indem Sie unser Best Dark Themes Pack installieren.
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)
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
Wollen Sie etwas leichteres für Ihren Code-Editor? Schauen Sie sich diese stilvollen hellen Themen an.
Sie können auch alle diese Light-Themen installieren, indem Sie unser Best Light Themes Pack installieren.
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)
Bunt
Müde von monochromatischen Themen und tristen Farbpaletten? Bringen Sie mit diesen farbenfrohen Themen etwas Farbe in Ihren Editor.
Sie können auch alle diese farbenfrohen Themes installieren, indem Sie unser Best Colorful Themes Pack installieren.
Lilatöne
![](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: Icons
Mit VS Code können Sie auch die Icons in Ihrem Editor anpassen. Neue Icons erscheinen in der VS Code-Seitenleiste, um Ihnen zu helfen, verschiedene Dateien und Ordner zu visualisieren. Sie können Icon Packs wie andere Themen installieren.
Um die Icons in Ihrem Editor zu ändern, öffnen Sie die Befehlspalette mit CMD/CTRL + SHIFT + P
und geben Sie den Befehl Preferences: File Icon Theme
ein. Sie können dann Ihre installierten Icon-Themen im Menü durchsuchen und eine Vorschau in Echtzeit anzeigen.
Griffel
![](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)
Saatgut
![](https://raw.githubusercontent.com/rastikerdar/vscode-seedling-icon-theme/master/images/preview.png)
Stadt Lichter
![](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)
Was kommt jetzt?
Suchen Sie nach noch mehr Themen? Versuchen Sie, den VS Code-Marktplatz zu durchsuchen und nach Themes
zu sortieren. Entwickler haben mehr als 2.500 Themen erstellt, aus denen Sie wählen können, um VS Code anzupassen.
Wollen Sie Ihr eigenes VS Code-Theme erstellen? In unserem Tutorial erfahren Sie, wie Sie eine Erweiterung erstellen, die Farbpalette von VS Code anpassen und Ihr Projekt auf den VS Code Marketplace stellen: Lancieren Sie ein Produkt auf dem VS Code Marketplace in 30 Minuten oder weniger.