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

Gruvbox Material

Merko

Tokyo Night

Remedy

>Minimal.

Aurora X

Atlantic Night

Glass UI

A Touch of Lilac

FireFly Pro

ReUI

Slime

Signed Dark Pro

Ariake Dark

Snazzy Light

Spacegray

Celestial

Blueberry Dark

Bear

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

Dracula Official

Nord

Palenight

One Monokai

Night Owl

Andromeda

Darcula

Horizon Theme

Cobalt2

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

Bluloco Light

Brackets Light Pro

Ysgrifennwr

NetBeans Light

Quiet Light

Hop Light

NotepadPlusPlus Remixed

GitHub Light

GitHub Plus

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

SynthWave

Code Blue

Cyberpunk

LaserWave

Zeonica

Hipster

Wildberry

Qiita

Pehmeä aikakausi

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ä

Helium

Seedling

City Lights

Keen Neutral

Chalice

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.