Hvis du leder efter et nyt tema til at ændre din kode-editor i det nye år, så har vi styr på det. Se en række forskellige stilfulde temaer med unikke farvepaletter – fra slanke til smarte til livlige og alt derimellem – for at se, hvad der passer bedst til dig. Vi har endda inkluderet et par interessante ikonpakker, så du kan tilpasse VS Code endnu mere.
Vi har inddelt disse VS Code-temaer i følgende sektioner:
- Trends (1-20)
- Mørkt (21-30)
- Lyst (31-40)
- Farverig (41-50)
- Bonus: Ikoner (51-56)
For at installere et tema i VS Code skal du blot besøge markedspladsen og vælge det tema, du ønsker at downloade. Hvis du vil skifte mellem installerede temaer, skal du åbne kommandopaletten med CMD/CTRL + SHIFT + P
og skrive Preferences: Color Theme
. Du kan derefter bladre gennem dine temaer i menuen.
Trending
Opdag nye trending-temaer til VS Code, der er ved at blive mere og mere populære.
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
Foretrækker du at arbejde i mørke? Opdag nogle af de bedste mørke temaer til VS Code.
Du kan også installere alle disse mørke temaer ved at installere vores pakke med de bedste mørke temaer.
One Dark Pro

Dracula Official

Nord

Palenight

One Monokai

Night Owl

Andromeda

Darcula

Horizon Theme

Cobalt2

Light
Vil du have noget lettere til din kodeeditor? Tjek disse stilfulde lette temaer ud.
Du kan også installere alle disse light-temaer ved at installere vores pakke med de bedste light-temaer.
Atom One Light

Bluloco Light

Brackets Light Pro

Ysgrifennwr

NetBeans Light

Quiet Light

Hop Light

NotepadPlusPlusPlus Remixed

GitHub Light

GitHub Plus

Colorful
Træt af monokromatiske temaer og kedelige farvepaletter? Tilføj lidt farve til din editor med disse farverige temaer.
Du kan også installere alle disse farverige temaer ved at installere vores pakke med de bedste farverige temaer.
Shades of Purple

SynthWave

Code Blue

Cyberpunk

LaserWave

Zeonica

Hipster

Wildberry

Qiita

Soft Era

Bonus: Ikoner
VS Code giver dig også mulighed for at tilpasse ikonerne i din editor. Nye ikoner vises i VS Code-sidebaren for at hjælpe dig med at visualisere forskellige filer og mapper. Du kan installere ikonpakker som du ville installere andre temaer.
For at ændre ikonerne i din editor skal du åbne kommandopaletten med CMD/CTRL + SHIFT + P
og indtaste kommandoen Preferences: File Icon Theme
. Du kan derefter gennemse dine installerede ikonetemaer fra menuen og få vist dem i realtid.
Kuglepen

Helium

Seedling

By Lights

Keen Neutral

Chalice

Hvad er det næste?
Søger du efter endnu flere temaer? Prøv at søge på VS Code-markedspladsen og sortere efter Themes
. Udviklere har oprettet mere end 2.500 temaer, som du kan vælge imellem for at tilpasse VS Code.
Vil du oprette dit eget VS Code-tema? Lær, hvordan du opretter en udvidelse, tilpasser VS Code’s farvepalet og skubber dit projekt til VS Code-markedspladsen i vores vejledning: Lancér et produkt på VS Code-markedspladsen på 30 minutter eller mindre.