10 Visual Studio Code-Designs, die optisch ansprechend sind

10 Visual Studio Code-Designs, die optisch ansprechend sind
Laptop mit VS-Code-Themen.

Die integrierten Visual Studio Code-Designs sind nicht schlecht, aber Sie werden wahrscheinlich feststellen, dass Sie sich etwas anderes wünschen. Wenn Sie Stunden damit verbringen, zu programmieren, brauchen Sie etwas, das die Augen schont. Wenn die integrierten dunklen VS-Code-Designs nicht ganz für Sie geeignet sind, probieren Sie stattdessen diese anderen Optionen aus.

Installieren und Anpassen

Bevor wir Visual Studio Code-Designs auflisten, befassen wir uns mit deren Installation. Wählen Sie zunächst das gewünschte Design aus und wählen Sie „Installieren“ , um Visual Studio Code zu öffnen. Klicken Sie auf „Installieren“ , um zu bestätigen, dass Sie das Design installieren möchten. Sie können auch Erweiterungen öffnen , nach dem Namen Ihres Themes suchen und es direkt installieren.

Installieren eines neuen Designs in Visual Studio Code.

Wählen Sie das Thema aus dem Feld „Farbthema auswählen“ aus . Je nach Thema stehen möglicherweise mehrere Versionen zur Auswahl. Wenn Sie dies nicht sehen, klicken Sie einfach auf Farbdesign ändern oder gehen Sie zu Datei -> Einstellungen -> Design -> Farbdesign und wählen Sie Ihr Design aus. Probieren Sie diese Tastenkombinationen für Visual Studio Code aus , um sich schneller zurechtzufinden.

Wenn Sie ein Design anpassen möchten, installieren Sie es und gehen Sie dann in der Seitenleiste zu „Erweiterungen“ (oder „Datei -> Erweiterungen “). Wählen Sie das Einstellungszahnrad neben Ihrem Thema aus und bearbeiten Sie so viel, wie Sie möchten. Wenn Ihr Theme dies nicht bietet oder Sie noch mehr Kontrolle wünschen, verwenden Sie die Einstellung workbench.colorCustomizations .

Anpassen von Visual Studio Code-Themen.

1. Bestes dunkles Theme: One Dark Pro

One Dark Pro hat sich schnell zu einem der beliebtesten VS-Code-Themen für alle entwickelt, die ein dunkles Thema lieben. Es handelt sich nicht nur um einen angenehmen dunklen Farbton, sondern die Farbpalette funktioniert auch gut, ohne den dunkleren Hintergrund zu stark zu beeinträchtigen.

Ein Dark Pro-Theme mit Javascript-Beispielcode installiert

Höhepunkte

  • Mehrere Farbvarianten
  • Kontrastreiche Farben
  • Leicht lesbare Schriftart

2. Bester hoher Kontrast: Lilatöne

Dunkle Themen müssen nicht nur aus Schwarztönen bestehen. Mit Shades of Purple erhalten Sie verschiedene Lila-Töne, die überraschend angenehm für die Augen sind. Von einem tiefvioletten Hintergrund bis hin zu lebhafterem lila Text – wenn Sie Lila lieben, werden Sie alles an diesem Thema lieben.

Visual Studio Code mit installiertem Shades of Purple-Design.

Höhepunkte

  • Die Farben funktionieren sowohl tagsüber als auch nachts gut
  • Andere Farben lassen sich gut mischen, um den Code zu erkennen
  • Erhältlich in Lila und Super-Dunkel-Lila

3. Am besten für Late-Night-Codierung geeignet: Night Owl

Wie der Name schon sagt, wurde Night Owl für dunklere Umgebungen entwickelt, um den Bildschirm viel angenehmer für Ihre Augen zu machen – ein tiefblauer Hintergrund mit der perfekten Farbauswahl für das Arbeiten die ganze Nacht. Es ist aber auch eine Light-Version für die Tagescodierung enthalten.

Verwendung der Night Owl Visual Studio Code-Themen.

Höhepunkte

  • Die Farben sind gedämpft, bieten aber dennoch einen hohen Kontrast
  • Ideal bei Farbenblindheit
  • Enthält sowohl Optionen für Kursivschrift als auch für keine Kursivschrift

4. Bester Minimalkontrast: Palenight

Wenn kontrastreiche Visual Studio Code-Designs nicht Ihr Favorit sind, versuchen Sie es mit Palenight . Es ist eine abgeschwächte Version von Shades of Purple. Ein elegantes Lila eignet sich sowohl für die Tag- als auch für die Nachtcodierung. Außerdem ist das Farbschema nicht aufdringlich, aber es gibt gerade genug Kontrast, damit Sie Ihren Code leicht unterscheiden können.

Verwendung des Palenight-Designs, einer der kontrastarmeren Optionen unter den VS-Code-Designs.

Höhepunkte

  • Enthält eine Variante mit mittlerem Kontrast für mehr Kontrast
  • Enthält eine kursive Version
  • Eine elegantere Version von Shades of Purple

5. Am besten für GitHub-Benutzer: GitHub Theme

Wenn Ihnen bereits gefällt, wie GitHub Code anzeigt, probieren Sie das GitHub-Theme aus . Es ist alles, was Sie am klassischen GitHub-Stil mögen, aber innerhalb von Visual Studio Code. Es gibt neun Variationen, die nahezu jedem Bedarf gerecht werden. Es kommt den offiziellen GitHub-Themes so nahe wie möglich, ohne dass Sie Ihre eigenen Themes von Grund auf neu entwerfen müssen.

Verwenden von GitHub Visual Studio Code Themes im Dunkeln.

Höhepunkte

  • Sowohl helle als auch dunkle Versionen
  • Zwei farbenblinde Versionen
  • Zwei Legacy-Varianten, die jedoch nicht oft aktualisiert werden

6. Am elegantesten: Ayu

Ayu vereint Eleganz und Einfachheit in einem wunderschönen Theme, das sowohl für kurze als auch für lange Programmiersitzungen konzipiert ist. Helle Farben wirken wunderbar gegen dunkle und helle Variationen. Persönlich denke ich, dass Ayu eines der besseren Farbschemata für die Lichtvariation hat.

Leichte Version des Ayu-Themas

Höhepunkte

  • Drei Variationen: dunkel, hell und Fata Morgana
  • Mirage ist nur etwas heller als dunkel
  • Helle Texte stechen in allen Variationen hervor

7. Beste Sorte: Nacht

Wenn Sie nicht zahlreiche Visual Studio Code-Themes installieren möchten, installieren Sie einfach Noctis . Dieses einzelne Thema bietet 11 Variationen, die von dunkel bis hell und alles dazwischen reichen. Ich liebe die Sereno-Variante mit einer tiefen Cyan-Farbe. Es funktioniert sowohl tagsüber als auch nachts gut.

Verwendung der Sereno-Variante des Noctis-Themas.

Höhepunkte

  • Zu den Farbvarianten gehören Rosa, Cyan, Blau, Lila, Orange und Violett
  • Minimus bietet eine geringere Sättigung, wenn die Azureus-Variante zu hell ist
  • Lux ist ideal für ein helles Thema, das dennoch angenehm für die Augen ist

8. Bestes subtiles Thema: Panda-Thema

Schlicht, elegant und subtil fügen sich nahtlos in das Panda-Theme ein . Das dunkle Thema zeichnet sich durch dezente Farben aus, mit denen es Freude macht, zu arbeiten. Obwohl es minimal ist, bleibt der Fokus auf Ihrem Code.

Codieren mit dem Panda-Design in Visual Studio Code.

Höhepunkte

  • Hält alles so einfach wie möglich
  • Nur eine Version enthalten
  • Einfachere Farben, die in hellen und dunklen Umgebungen gut funktionieren

9. Beste Verfügbarkeit: Dracula Official

Wenn Sie dazu neigen, verschiedene Code-Editoren zu verwenden und ein einheitliches Thema wünschen, verwenden Sie Dracula Official . Es ist nicht nur eines der besten VS-Code-Themen, sondern auch für Hunderte anderer Apps verfügbar. Die Chancen stehen gut, dass Dracula Official verfügbar sein wird, wenn Sie den Code-Editor wechseln .

Höhepunkte

  • Dunkles Thema mit violetten Farbtönen
  • Bietet zwei Varianten: normal und weich
  • Seit 2016 regelmäßig aktualisiert

10. Bester geringer Kontrast: Tokyo Night

Wenn Sie kontrastarme Visual Studio Code-Themen bevorzugen, könnte Tokyo Night das perfekte Thema für Sie sein. Es gibt drei Varianten, darunter ein kontrastarmes Design mit gedämpftem Licht. Es ähnelt Ayu, ist jedoch etwas dunkler. Der gesamte Text ist leicht zu erkennen und Ihre Augen werden es lieben.

Tokio-Nacht-Thema in der Lichtvariante

Höhepunkte

  • Dunkle Varianten haben etwas mehr Kontrast als helle
  • Inspiriert von den Lichtern der Stadt Tokio
  • Tiefviolett versus Schwarz in den dunklen Variationen

Zu lange auf einen Bildschirm zu starren ist nie gut für Ihre Augen, aber die richtigen VS-Code-Themen tragen dazu bei, die Belastung drastisch zu reduzieren. Wenn Sie gerade erst das Programmieren lernen, probieren Sie diese Programmierspiele oder Online-Ressourcen aus . Anschließend haben Sie viel Spaß beim Üben in Visual Studio Code mit Ihrem neuen Lieblingsthema.

Bildnachweis: Unsplash . Alle Screenshots von Crystal Crowder.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert