Ha új témát keresel, hogy az új évben feldobd a kódszerkesztődet, akkor nálunk megtalálod. Tekintse meg a különböző stílusos, egyedi színpalettával rendelkező témákat – az elegánsaktól a snasszon át a vibrálóig és a kettő között mindent -, hogy megnézze, melyik működik a legjobban az Ön számára. Még néhány érdekes ikoncsomagot is mellékeltünk, hogy még jobban testre szabhassa a VS Code-t.
Ezeket a VS Code témákat a következő szakaszokba rendeztük:
- Trendi (1-20)
- Sötét (21-30)
- Fényes (31-40)
- Színes (41-50)
- Bónusz: ikonok (51-56)
A téma telepítéséhez a VS Code-ban egyszerűen látogasson el a piactérre, és válassza ki a letölteni kívánt témát. A telepített témák közötti váltáshoz nyissa meg a parancspalettát a CMD/CTRL + SHIFT + P
billentyűvel, és írja be a Preferences: Color Theme
billentyűt. Ezután a menüben böngészhet a témák között.
Trendi
Fedezze fel a VS Code új trendi témáit, amelyek egyre népszerűbbek.
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)
Sznazzy 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
Sötétben szeretsz dolgozni? Fedezze fel a VS Code legjobb sötét témáit.
Az összes ilyen sötét témát is telepítheti a Legjobb sötét témák csomag telepítésével.
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
Kérsz valami könnyedebbet a kódszerkesztőhöz? Nézd meg ezeket a stílusos light témákat.
Az összes ilyen könnyű témát is telepítheti a Best Light Themes Pack telepítésével.
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
Belefáradt az egyszínű témákba és az unalmas színpalettákba? Adjon egy kis színt a szerkesztőjének ezekkel a színes témákkal.
Az összes ilyen színes témát is telepítheti a Legjobb színes témák csomag telepítésével.
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)
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)
Bonusz: ikonok
VS Code lehetővé teszi az ikonok testreszabását is a szerkesztőben. A VS Code oldalsávjában új ikonok jelennek meg, amelyek segítik a különböző fájlok és mappák megjelenítését. Az ikoncsomagokat ugyanúgy telepítheti, mint más témákat.
A szerkesztő ikonjainak megváltoztatásához nyissa meg a parancspalettát a CMD/CTRL + SHIFT + P
billentyűvel, és írja be a Preferences: File Icon Theme
parancsot. Ezután a menüben böngészhet a telepített ikontémák között, és valós időben megtekintheti azokat.
Toll
![](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)
Város. Lights
![](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)
Mi következik?
Még több témát keresel? Próbáljon meg keresni a VS Code piactéren, és Themes
szerint válogatni. A fejlesztők több mint 2500 témát hoztak létre, amelyek közül választhat a VS Code testreszabásához.
Szeretné létrehozni a saját VS Code témáját? Tanulja meg, hogyan hozzon létre egy bővítményt, hogyan szabja testre a VS Code színpalettáját, és hogyan tolja projektjét a VS Code piactérre oktatóanyagunkban: Indítson el egy terméket a VS Code piactéren 30 perc vagy kevesebb idő alatt.