10 motywów kodu Visual Studio, które są przyjemne dla oczu

Wbudowane motywy Visual Studio Code nie są złe, ale prawdopodobnie okaże się, że będziesz chciał czegoś innego. Kiedy spędzasz wiele godzin na kodowaniu, potrzebujesz czegoś miłego dla oczu. Jeśli wbudowane ciemne motywy VS Code nie do końca Ci odpowiadają, wypróbuj zamiast tego inne opcje.

Instalacja i dostosowywanie

Przed wystawieniem listy motywów Visual Studio Code omówmy, jak je zainstalować. Zacznij od wybrania odpowiedniego motywu i wybrania opcji Zainstaluj , aby otworzyć Visual Studio Code. Naciśnij Instaluj , aby potwierdzić, że chcesz zainstalować motyw. Możesz także otworzyć Rozszerzenia , wyszukać nazwę motywu i zainstalować go bezpośrednio.

Wybierz motyw z pola Wybierz motyw koloru . W zależności od tematu, do wyboru może być wiele wersji. Jeśli tego nie widzisz, po prostu kliknij Zmień motyw koloru lub przejdź do Plik -> Preferencje -> Motyw -> Motyw koloru i wybierz motyw. Wypróbuj te skróty klawiaturowe programu Visual Studio Code, aby szybciej się poruszać.

Jeśli chcesz dostosować motyw, zainstaluj go, a następnie przejdź do Rozszerzenia na pasku bocznym (lub Plik -> Rozszerzenia ). Wybierz trybik ustawień obok motywu i edytuj tyle, ile chcesz. Jeśli Twój motyw tego nie oferuje lub chcesz mieć jeszcze większą kontrolę, użyj ustawienia workbench.colorCustomizations .

1. Najlepszy ciemny motyw: One Dark Pro

One Dark Pro szybko stał się jednym z najpopularniejszych motywów VS Code dla każdego, kto kocha ciemny motyw. Jest to nie tylko wygodny ciemny odcień, ale paleta kolorów działa dobrze, nie drażniąc zbytnio ciemniejszego tła.

Przegląd najważniejszych wydarzeń

• Wiele odmian kolorystycznych
• Kolory o wysokim kontraście
• Łatwa do odczytania czcionka

2. Najlepszy wysoki kontrast: odcienie fioletu

Ciemne motywy nie muszą być tylko odcieniami czerni. Shades of Purple daje różne odcienie fioletu, które są zaskakująco przyjemne dla oczu. Od ciemnofioletowego tła po bardziej żywy fioletowy tekst – jeśli kochasz fiolet, pokochasz wszystko w tym motywie.

Przegląd najważniejszych wydarzeń

• Kolory sprawdzają się zarówno w dzień, jak i w nocy
• Inne kolory dobrze się mieszają, aby zobaczyć kod
• Występuje w kolorze fioletowym i bardzo ciemnofioletowym

3. Najlepszy do kodowania późno w nocy: Nocna sowa

Jak sama nazwa wskazuje, Night Owl zaprojektowano z myślą o ciemniejszych środowiskach, aby ekran był mniej męczący dla oczu – ciemnoniebieskie tło z idealnymi kolorami do pracy przez całą noc. Ale dołączona jest również lekka wersja do kodowania w ciągu dnia.

Przegląd najważniejszych wydarzeń

• Kolory są stonowane, a jednocześnie zachowują wysoki kontrast
• Idealny przy ślepocie barw
• Zawiera zarówno kursywę, jak i opcje bez kursywy

4. Najlepszy minimalny kontrast: Palenight

Jeśli motywy Visual Studio Code o wysokim kontraście nie są Twoimi ulubionymi, wypróbuj Palenight . To stonowana wersja Shades of Purple. Elegancki fiolet sprawdzi się zarówno w kodowaniu dziennym, jak i nocnym. Ponadto schemat kolorów nie jest przytłaczający, ale kontrast jest wystarczający, aby ułatwić rozróżnienie kodu.

Przegląd najważniejszych wydarzeń

• Zawiera odmianę o średnim kontraście dla większego kontrastu
• Zawiera wersję kursywą
• Bardziej elegancka wersja Shades of Purple

5. Najlepsze dla użytkowników GitHub: Motyw GitHub

Jeśli już podoba Ci się sposób, w jaki GitHub pokazuje kod, wypróbuj motyw GitHub . To wszystko, co lubisz w klasycznym stylu GitHub, ale w Visual Studio Code. Dostępnych jest dziewięć wariantów, które zaspokoją niemal każdą potrzebę. Jest tak zbliżony do oficjalnych motywów GitHub, jak to tylko możliwe, bez konieczności projektowania własnych od zera.

Przegląd najważniejszych wydarzeń

• Zarówno wersja jasna jak i ciemna
• Dwie wersje dla daltonistów
• Dwie starsze odmiany, ale nie są często aktualizowane

6. Najbardziej elegancki: Ayu

Ayu łączy elegancję i prostotę w piękny motyw przeznaczony zarówno do krótkich, jak i długich sesji kodowania. Jasne kolory wspaniale komponują się z ciemnymi i jasnymi odcieniami. Osobiście uważam, że Ayu ma jeden z lepszych schematów kolorów pod względem wariacji światła.

Przegląd najważniejszych wydarzeń

• Trzy odmiany: ciemna, jasna i miraż
• Mirage jest tylko odrobinę jaśniejszy od ciemnego
• Jasny tekst wyróżnia się we wszystkich odmianach

7. Najlepsza odmiana: noc

Jeśli nie chcesz instalować wielu motywów Visual Studio Code, po prostu zainstaluj Noctis . Ten pojedynczy motyw oferuje 11 odmian, od ciemnych do jasnych i wszystko pomiędzy. Uwielbiam odmianę Sereno z głębokim cyjanowym kolorem. Dobrze sprawdza się zarówno w nocy, jak i w dzień.

Przegląd najważniejszych wydarzeń

• Różnice kolorystyczne obejmują róż, cyjan, niebieski, fioletowy, pomarańczowy i fioletowy
• Minimus oferuje mniejsze nasycenie, jeśli wersja Azureusa jest zbyt jasna
• Lux jest idealny do jasnych motywów, które nadal są miłe dla oczu

8. Najlepszy subtelny motyw: motyw pandy

Proste, eleganckie i subtelne połączenie płynnie z motywem Panda . Ciemny motyw charakteryzuje się subtelnymi kolorami, z którymi praca jest przyjemnością. Chociaż jest to minimalne, pozwala skupić się na kodzie.

Przegląd najważniejszych wydarzeń

• Wszystko jest tak proste, jak to tylko możliwe
• Uwzględniono tylko jedną wersję
• Prostsze kolory, które dobrze sprawdzają się w jasnym i ciemnym otoczeniu

9. Najlepsza dostępność: Oficjalny Dracula

Jeśli masz tendencję do korzystania z różnych edytorów kodu i chcesz mieć spójny motyw, użyj Dracula Oficjalny . To nie tylko jeden z najlepszych motywów VS Code, ale jest także dostępny dla setek innych aplikacji. Są szanse, że jeśli zmienisz edytor kodu , dostępny będzie Dracula Oficjalny.

Przegląd najważniejszych wydarzeń

• Ciemny motyw z fioletowymi odcieniami
• Oferuje dwie odmiany: normalną i miękką
• Często aktualizowany od 2016 roku

10. Najlepszy niski kontrast: Noc w Tokio

Jeśli wolisz motywy Visual Studio Code o niskim kontraście, Tokyo Night może być idealnym motywem dla Ciebie. Istnieją trzy odmiany, w tym motyw o niskim kontraście i przyciemnionym świetle. Jest podobny do Ayu, ale nieco ciemniejszy. Cały tekst jest dobrze widoczny i Twoje oczy go pokochają.

Przegląd najważniejszych wydarzeń

• Ciemne odmiany mają nieco większy kontrast niż jasne
• Zainspirowany światłami miasta Tokio
• Głęboki fiolet kontra czerń w ciemnych odmianach

Zbyt długie wpatrywanie się w ekran nigdy nie jest dobre dla oczu, ale odpowiednie motywy VS Code pomagają drastycznie zmniejszyć obciążenie. Jeśli dopiero uczysz się kodować, wypróbuj te gry z kodowaniem lub zasoby online . Następnie możesz ćwiczyć w programie Visual Studio Code ze swoim nowym ulubionym motywem.

Źródło obrazu: Unsplash . Wszystkie zrzuty ekranu wykonał Crystal Crowder.