Motyw kolorystyczny dla zintegrowanego terminala VS Code


Odpowiedzi:


192

Możesz faktycznie modyfikować ustawienia użytkownika i edytować każdy kolor indywidualnie, dodając następujące elementy do ustawień użytkownika.

  1. Otwórz ustawienia użytkownika ( ctrl + ,)
  2. Wyszukaj workbenchi wybierz Edit in settings.jsonponiżejColor Customizations
"workbench.colorCustomizations" : {
    "terminal.foreground" : "#00FD61",
    "terminal.background" : "#383737"
}

Więcej informacji na temat kolorów, które można edytować, można znaleźć tutaj .


3
Obecnie dla mnie działa, moja wersja VSCode to 1.17.2 (która jest najnowsza)
Zrag123

1
Masz rację. Dziwny. Powiedzieli, że został usunięty, ale jest. Po prostu wypróbowałem to sam i zadziałało. Byłem rozczarowany, że powiedzieli, że został usunięty. Cieszę się, że tak nie jest.
Mark A. Donohoe

2
To działa poprawnie! Chcę się też dowiedzieć, jak uzyskać kontrastowe kolory w terminalu!
zwykły

3
Nadal działa od 1.24.0. Myślę, że część zamieszania polega na tym, że nie można wyszukiwać terminal.backgroundw ustawieniach ( 'workbench.colorCustomizations': {}jest to ustawienie domyślne), więc na pierwszy rzut oka wydaje się, że brakuje funkcji.
Jim K.

1
Sierpień 2019, doskonały. Dzięki!
Bob Denny

32

VSCode zawiera wbudowane motywy kolorów, których można użyć do zmiany kolorów edytora i terminala.

  • Aby zmienić motyw kolorystyczny, naciśnij ctrl+k+tw systemie Windows / Ubuntu lub cmd+k+tna Macu.
  • Alternatywnie możesz otworzyć paletę poleceń , naciskając ctrl+shift+pw systemie Windows / Ubuntu lub cmd+shift+pna komputerze Mac i wpisując color. Wybierz jedną preferences: color themez opcji, aby wybrać swój ulubiony kolor.
  • Możesz także zainstalować więcej motywów z menu rozszerzeń na lewym pasku. po prostu wyszukaj, category:themesaby zainstalować swoje ulubione motywy. (Jeśli chcesz posortować motywy według wyszukiwania instalacji category:themes @sort:installs)

Edytuj - do ręcznej edycji kolorów w terminalu

Zespół VSCode usunął dostosowywanie kolorów ze strony ustawień użytkownika. Obecnie używanie motywów jest jedynym sposobem na dostosowanie kolorów terminali w VSCode. Więcej informacji można znaleźć w numerze 6766


19
Dziękuję za odpowiedź, ale motywy globalne mają minimalny wpływ na okno terminala, wpływając tylko na kolor tła i pierwszego planu w bardzo szerokim znaczeniu. OP i ja chcieliśmy niezależnie pokolorować monit, polecenie wejściowe i wyjście, a nie tylko zmienić między białym na czarnym i czarnym na białym. Znasz sposób na uzyskanie większej kontroli nad kolorami tekstu terminala?
kjhughes

1
Wygląda na to, że usunęli dostosowywanie kolorów ze strony ustawień użytkownika. Obecnie używanie motywów wydaje się być jedynym sposobem na dostosowanie kolorów terminali w VSCode. sprawdź github.com/Microsoft/vscode/issues/6766
Dani Akash

Szkoda, że ​​odpowiedź wydaje się być taka, że ​​obecnie nie jest obsługiwana, ale mimo wszystko warto wiedzieć. Przydzielę ci nagrodę. Dzięki za namierzenie tego.
kjhughes

1
Z tego, co mogę powiedzieć, to jest wciąż tam, aby dostosować w ustawieniach. Otwórz ustawienia i poszukaj „workbench.colorCustomizations”
Mark A. Donohoe

1
Ma to na celu zmianę globalnego motywu kolorystycznego i nie ma wpływu na zintegrowany terminal
Ach


18

Jeśli jesteś wybredny, użyj tego kodu, aby dostosować każdy segment.

Krok 1: Windows: Otwórz ustawienia użytkownika (ctrl +,) Mac: Command + Shift + P.

Krok 2: Wyszukaj „workbench: dostosowywanie kolorów” i wybierz Edytuj w settings.json. Umieść poniższy kod w istniejącym {} i dostosuj, jak chcesz.

"workbench.colorCustomizations": {
    "terminal.background":"#131212",
    "terminal.foreground":"#dddad6",
    "terminal.ansiBlack":"#1D2021",
    "terminal.ansiBrightBlack":"#665C54",
    "terminal.ansiBrightBlue":"#0D6678",
    "terminal.ansiBrightCyan":"#8BA59B",
    "terminal.ansiBrightGreen":"#237e02",
    "terminal.ansiBrightMagenta":"#8F4673",
    "terminal.ansiBrightRed":"#FB543F",
    "terminal.ansiBrightWhite":"#FDF4C1",
    "terminal.ansiBrightYellow":"#FAC03B",
    "terminal.ansiCyan":"#8BA59B",
    "terminal.ansiGreen":"#95C085",
    "terminal.ansiMagenta":"#8F4673",
    "terminal.ansiRed":"#FB543F",
    "terminal.ansiWhite":"#A89984",
    "terminal.ansiYellow":"#FAC03B"
  }

1
Dzięki! Brakuje niebieskiego: np."terminal.ansiBlue":"#00a1f9"
Panagiotis Panagi

2

Najlepsze kolory, jakie znalazłem - które oprócz tego, że są tak piękne, są również bardzo łatwe do obejrzenia i nie gotują mi oczu - to te, które znalazłem, wymienione w tym repozytorium GitHub: VSCode Snazzy

Bardzo łatwa instalacja :

Skopiuj zawartość snazzy.json do pliku „settings.json” programu VS Code.

(Jeśli nie wiesz, jak otworzyć plik "settings.json", najpierw naciśnij Ctrl + Shift + P, a następnie wpisz Preferencje: otwórz ustawienia (JSON) i naciśnij Enter).


Uwaga : Dla tych, którzy wypróbowali ColorTool i działa poza VSCode, ale nie wewnątrz VSCode, nie popełniliście żadnych błędów przy jego implementacji, to tylko decyzja programistów VSCode, aby terminal VSCode był kolorowany niezależnie.


0

Po prostu. Możesz przejść do opcji „Plik -> Preferencje -> Motyw kolorystyczny” w programie Visual Studio i zmienić wybrany kolor.

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.