10 Visual Studio Code-thema’s die prettig zijn voor de ogen

De ingebouwde Visual Studio Code-thema’s zijn niet slecht, maar je zult waarschijnlijk merken dat je iets anders wilt. Als je urenlang codeert, heb je iets nodig dat prettig is voor de ogen. Als de ingebouwde donkere VS Code-thema’s het niet helemaal voor je doen, probeer dan deze andere opties.

Installeren en aanpassen

Voordat we Visual Studio Code-thema’s opsommen, laten we eerst bekijken hoe u ze kunt installeren. Begin door het gewenste thema te kiezen en Installeren te selecteren om Visual Studio Code te openen. Druk op Installeren om te bevestigen dat je het thema wilt installeren. U kunt ook Extensies openen , naar uw themanaam zoeken en deze rechtstreeks installeren.

Kies het thema in het vak Kleurthema selecteren . Afhankelijk van het thema kunnen er meerdere versies zijn waaruit u kunt kiezen. Als u dit niet ziet, klikt u eenvoudig op Kleurthema wijzigen of gaat u naar Bestand -> Voorkeuren -> Thema -> Kleurthema en selecteert u uw thema. Probeer deze Visual Studio Code-sneltoetsen om sneller te navigeren.

Als je een thema wilt aanpassen, installeer het dan en ga naar Extensies in de zijbalk (of Bestand -> Extensies ). Selecteer het instellingenwiel naast uw thema en bewerk zoveel als u wilt. Als je thema dit niet biedt, of als je nog meer controle wilt, gebruik dan de instelling workbench.colorCustomizations .

1. Beste donkere thema: One Dark Pro

One Dark Pro is snel een van de populairste VS Code-thema’s geworden voor iedereen die van een donker thema houdt. Het is niet alleen een comfortabele donkere tint, maar het kleurenpalet werkt goed zonder te schokkend te zijn op de donkere achtergrond.

Hoogtepunten

• Meerdere kleurvariaties
• Kleuren met hoog contrast
• Makkelijk leesbaar lettertype

2. Beste hoog contrast: paarstinten

Donkere thema’s hoeven niet alleen maar tinten zwart te zijn. Shades of Purple geeft je verschillende tinten paars die verrassend aangenaam zijn voor de ogen. Van een dieppaarse achtergrond tot levendigere paarse tekst: als je van paars houdt, zul je alles aan dit thema geweldig vinden.

Hoogtepunten

• Kleuren werken zowel overdag als ’s nachts goed
• Andere kleuren mengen zich goed om de code te zien
• Verkrijgbaar in paars en superdonkerpaars

3. Beste voor late night-codering: Nachtuil

Zoals de naam al aangeeft, is Night Owl ontworpen voor donkere omgevingen om het scherm veel prettiger voor uw ogen te maken: een diepblauwe achtergrond met de perfecte kleurkeuzes om de hele nacht door te werken. Maar er is ook een light-versie inbegrepen voor coderen overdag.

Hoogtepunten

• Kleuren zijn gedempt, maar hebben nog steeds een hoog contrast
• Ideaal bij kleurenblindheid
• Bevat zowel opties voor cursief als niet-cursief

4. Beste minimale contrast: Palenight

Als contrastrijke Visual Studio Code-thema’s niet jouw favoriet zijn, probeer dan Palenight . Het is een afgezwakte versie van Shades of Purple. Een elegant paars werkt goed voor zowel dag- als nachtcodering. Bovendien is het kleurenschema niet overweldigend, maar er is net voldoende contrast om de code gemakkelijk te kunnen onderscheiden.

Hoogtepunten

• Bevat een middencontrastvariatie voor meer contrast
• Bevat een cursieve versie
• Een elegantere versie van Shades of Purple

5. Beste voor GitHub-gebruikers: GitHub-thema

Als je het al leuk vindt hoe GitHub code toont, probeer dan het GitHub Theme . Het is alles wat je leuk vindt aan de klassieke GitHub-stijl, maar dan binnen Visual Studio Code. Er zijn negen variaties die aan vrijwel elke behoefte voldoen. Het komt zo dicht mogelijk bij de officiële thema’s van GitHub als je kunt krijgen zonder je eigen thema’s helemaal opnieuw te ontwerpen.

Hoogtepunten

• Zowel lichte als donkere versies
• Twee kleurenblinde versies
• Twee oudere varianten, maar ze worden niet vaak bijgewerkt

6. Meest elegante: Ayu

Ayu combineert elegantie en eenvoud in een prachtig thema dat is ontworpen voor zowel korte als lange codeersessies. Felle kleuren werken wonderwel tegen donkere en lichte variaties. Persoonlijk vind ik dat Ayu een van de betere kleurenschema’s heeft voor de lichtvariatie.

Hoogtepunten

• Drie varianten: donker, licht en luchtspiegeling
• Mirage is net iets lichter dan donker
• Heldere tekst valt op in alle variaties

7. Beste variëteit: Nacht

Als u niet meerdere Visual Studio Code-thema’s wilt installeren, installeert u gewoon Noctis . Dit enkele thema biedt 11 variaties, variërend van donker tot licht, en alles daartussenin. Ik ben dol op de Sereno-variant met een diepe cyaankleur. Het werkt zowel ’s nachts als overdag goed.

Hoogtepunten

• Kleurvariaties zijn onder meer roze, cyaan, blauw, paars, oranje en violet
• Minimus biedt een lagere verzadiging als de Azureus-variant te helder is
• Lux is ideaal voor een licht thema dat toch prettig voor de ogen is

8. Beste subtiele thema: Panda-thema

Eenvoudig, elegant en subtiel passen naadloos in het Panda-thema . Het donkere thema heeft subtiele kleuren waarmee het prettig werken is. Hoewel het minimaal is, blijft de focus op uw code behouden.

Hoogtepunten

• Houdt alles zo eenvoudig mogelijk
• Slechts één versie inbegrepen
• Eenvoudigere kleuren die goed werken in lichte en donkere omgevingen

9. Beste beschikbaarheid: Dracula-ambtenaar

Als je de neiging hebt om verschillende code-editors te gebruiken en een consistent thema wilt, gebruik dan Dracula Official . Het is niet alleen een van de beste VS Code-thema’s, maar het is ook beschikbaar voor honderden andere apps. De kans is groot dat als je van code-editor wisselt , Dracula Official ervoor beschikbaar zal zijn.

Hoogtepunten

• Donker thema met paarse tinten
• Biedt twee varianten: normaal en zacht
• Sinds 2016 regelmatig bijgewerkt

10. Beste laag contrast: Tokyo Night

Als u de voorkeur geeft aan Visual Studio Code-thema’s met laag contrast, is Tokyo Night wellicht het perfecte thema voor u. Er zijn drie varianten, waaronder een thema met weinig contrast en gedimd licht. Het is vergelijkbaar met Ayu, maar iets donkerder. Alle tekst is gemakkelijk te zien en uw ogen zullen er dol op zijn.

Hoogtepunten

• Donkere variaties hebben iets meer contrast dan de lichte
• Geïnspireerd door de stadslichten van Tokio
• Dieppaars versus zwart in de donkere variaties

Te lang naar een scherm staren is nooit goed voor je ogen, maar de juiste VS Code-thema’s helpen de belasting drastisch te verminderen. Als je net leert coderen, probeer dan deze codeerspellen of online bronnen . Geniet vervolgens van het oefenen in Visual Studio Code met uw nieuwe favoriete thema.

Afbeelding tegoed: Unsplash . Alle schermafbeeldingen door Crystal Crowder.