Motyw kolorystyczny dla zintegrowanego terminala VS Code

101

Czy możemy zmienić ustawienia kolorów zintegrowanego terminala VS Code? Mój wygląda nudno z samym białym.

terminal visual-studio-code vscode-settings

— John Jai
źródło

4

Oto przydatny generator motywów do modyfikacji "workbench.colorCustomizations"w settings.json

— Darragh Enright

192

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

Otwórz ustawienia użytkownika ( ctrl + ,)
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 .

— Zrag123
źródło

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

— Dani Akash
źródło

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

20

Dodaj workbench.colorCustomizationsdo ustawień użytkownika

"workbench.colorCustomizations": {
  "terminal.background":"#FEFBEC",
  "terminal.foreground":"#6E6B5E",
  ...
}

Sprawdź https://glitchbone.github.io/vscode-base16-term dla niektórych ustawień wstępnych.

— Longfei Wu
źródło

3

interaktywna witryna presetów to fantastyczny zasób

— mdisibio

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"
  }

— Rana Jayant
źródło

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.

— aderchox
źródło

0

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

— A1991
źródło