Jos etsit uutta teemaa, jolla voit vaihtaa koodieditorisi uudeksi vuodeksi, meillä on sinulle sopivaa. Tutustu erilaisiin tyylikkäisiin teemoihin, joissa on ainutlaatuiset väripaletit – tyylikkäistä tyylikkäisiin ja tyylikkäistä elinvoimaisiin ja kaikkea siltä väliltä – ja katso, mikä sopii sinulle parhaiten. Mukana on jopa muutamia mielenkiintoisia kuvakepaketteja, joilla voit muokata VS Codea vielä enemmän.
Olemme järjestäneet nämä VS Code -teemat seuraaviin osioihin:
- Trendikäs (1-20)
- Tumma (21-30)
- Kevyt (31-40)
- Värikäs (41-50)
- Bonus: Kuvakkeet (51-56)
Asenntaaksesi teeman VS Codeen, mene vain kauppapaikalle ja valitse teema, jonka haluat ladata. Voit vaihtaa asennettujen teemojen välillä avaamalla komentopaletin CMD/CTRL + SHIFT + P
ja kirjoittamalla Preferences: Color Theme
. Tämän jälkeen voit selata teemoja valikossa.
Trendejä
Löydä uusia trendejä VS Code -teemoja, joiden suosio kasvaa.
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
Työskenteletkö mieluiten pimeässä? Tutustu parhaimpiin tummiin teemoihin VS Code -ohjelmalle.
Voit myös asentaa kaikki nämä tummat teemat asentamalla Best Dark Themes Pack -pakettimme.
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)
Kirkas
Tahtoisitko jotakin kevyempää koodieditoriin? Tutustu näihin tyylikkäisiin kevyisiin teemoihin.
Voit myös asentaa kaikki nämä kevyet teemat asentamalla Best Light Themes Packin.
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)
Värikkäitä
Väsyitkö monokromaattisiin teemoihin ja tylsään väripalettiin? Lisää väriä editoriin näillä värikkäillä teemoilla.
Voit myös asentaa kaikki nämä värikkäät teemat asentamalla Best Colorful Themes Pack -teemapakettimme.
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)
Pehmeä aikakausi
![](https://github.com/soft-aesthetic/soft-era-vs-code/raw/master/screenshot.png)
Bonus: Kuvakkeet
VS Code antaa sinun myös muokata editorin kuvakkeita. VS Code -sivupalkkiin ilmestyy uusia kuvakkeita, jotka auttavat sinua visualisoimaan eri tiedostoja ja kansioita. Voit asentaa kuvakepaketteja kuten muitakin teemoja.
Vaihtaaksesi editorin kuvakkeita avaa komentopaletti komennolla CMD/CTRL + SHIFT + P
ja kirjoita komento Preferences: File Icon Theme
. Voit sitten selata asennettuja kuvaketeemoja valikosta ja esikatsella niitä reaaliajassa.
Kynä
![](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 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)
Mitä seuraavaksi?
Etsitkö vielä lisää teemoja? Kokeile etsiä VS Code -markkinapaikalta ja lajitella Themes
mukaan. Kehittäjät ovat luoneet yli 2 500 teemaa, joista voit valita VS Codea muokkaavia teemoja.
Haluatko luoda oman VS Code -teemasi? Tutoriaalissamme opit, miten luot laajennuksen, muokkaat VS Code -väripalettia ja työnnät projektisi VS Code -markkinapaikalle: Lanseeraa tuote VS Code Marketplace -markkinapaikalle enintään 30 minuutissa.