Chủ đề màu cho thiết bị đầu cuối tích hợp Mã VS


Câu trả lời:


184

Bạn thực sự có thể sửa đổi cài đặt người dùng của mình và chỉnh sửa từng màu riêng lẻ bằng cách thêm phần sau vào cài đặt người dùng.

  1. Mở cài đặt người dùng ( ctrl + ,)
  2. Tìm kiếm workbenchvà chọn Edit in settings.jsondướiColor Customizations
"workbench.colorCustomizations" : {
    "terminal.foreground" : "#00FD61",
    "terminal.background" : "#383737"
}

Để biết thêm về những màu bạn có thể chỉnh sửa, bạn có thể tìm hiểu tại đây .


2
Nó hiện đang làm việc cho tôi, phiên bản VSCode của tôi là 1.17.2 (đó là mới nhất)
Zrag123

1
Bạn đúng. Kỳ quặc. Họ nói rằng nó đã được gỡ bỏ, nhưng nó vẫn ở đó. Chỉ cần tự mình thử và nó đã hoạt động. Tôi thất vọng vì họ nói rằng nó đã bị xóa. Rất vui khi thấy đó không phải là trường hợp.
Mark A. Donohoe

2
Điều này hoạt động chính xác! Tôi cũng muốn học cách lấy màu tương phản trong thiết bị đầu cuối!
bình thường

3
Vẫn hoạt động kể từ 1.24.0. Tôi nghĩ một phần của sự nhầm lẫn là bạn không thể tìm kiếm terminal.backgroundtrong cài đặt ( 'workbench.colorCustomizations': {}là mặc định), vì vậy, thoạt nhìn có vẻ như một tính năng bị thiếu.
Jim K.

1
Tháng 8 năm 2019, hoàn hảo. Cảm ơn!
Bob Denny

31

VSCode đi kèm với các chủ đề màu tích hợp có thể được sử dụng để thay đổi màu sắc của trình chỉnh sửa và thiết bị đầu cuối.

  • Để thay đổi chủ đề màu, nhấn ctrl+k+ttrong windows / ubuntu hoặc cmd+k+ttrên mac.
  • Ngoài ra, bạn có thể mở bảng lệnh bằng cách nhấn ctrl+shift+ptrong windows / ubuntu hoặc cmd+shift+ptrên mac và nhập color. Chọn preferences: color themetừ các tùy chọn, để chọn màu yêu thích của bạn.
  • Bạn cũng có thể cài đặt nhiều chủ đề hơn từ menu tiện ích mở rộng trên thanh bên trái. chỉ cần tìm kiếm category:themesđể cài đặt các chủ đề yêu thích của bạn. (Nếu bạn cần sắp xếp các chủ đề theo lượt cài đặt tìm kiếm category:themes @sort:installs)

Chỉnh sửa - để chỉnh sửa màu thủ công trong thiết bị đầu cuối

Nhóm VSCode đã xóa tùy chỉnh màu khỏi trang cài đặt người dùng. Hiện tại, sử dụng các chủ đề là cách duy nhất để tùy chỉnh màu đầu cuối trong VSCode. Để biết thêm thông tin, hãy xem sự cố # 6766


18
Cảm ơn câu trả lời của bạn, nhưng các chủ đề chung có tác động tối thiểu đến cửa sổ đầu cuối, chỉ ảnh hưởng đến màu nền và nền trước theo nghĩa rất rộng. OP và tôi đang tìm cách tô màu cho lời nhắc, lệnh đầu vào và đầu ra một cách độc lập, không chỉ thay đổi giữa trắng-đen và đen-trắng. Bạn biết cách nào để kiểm soát nhiều hơn các màu văn bản đầu cuối?
kjhughes

1
Có vẻ như họ đã xóa các màu tùy chỉnh khỏi trang cài đặt người dùng. Hiện tại, sử dụng các chủ đề dường như là cách duy nhất để tùy chỉnh màu đầu cuối trong VSCode. xem github.com/Microsoft/vscode/issues/6766
Dani Akash

Thật không may khi câu trả lời dường như là nó hiện không được hỗ trợ, nhưng dù sao thì cũng rất hữu ích. Tôi sẽ giao tiền thưởng cho bạn. Cảm ơn vì đã theo dõi điều này.
kjhughes

1
Từ những gì tôi có thể nói, nó vẫn ở đó để tùy chỉnh từ các cài đặt. Mở cài đặt và tìm kiếm 'workbench.colorCustomizations'
Mark A. Donohoe

1
Điều này là để thay đổi chủ đề màu toàn cầu và không ảnh hưởng đến thiết bị đầu cuối tích hợp
Akh

18

Thêm workbench.colorCustomizationsvào cài đặt người dùng

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

Kiểm tra https://glitchbone.github.io/vscode-base16-term để biết một số cài đặt trước.


3
trang web cài đặt trước tương tác là một nguồn tài nguyên tuyệt vời
mdisibio

16

Trong trường hợp bạn kén màu sắc, hãy sử dụng mã này để tùy chỉnh mọi phân khúc.

Bước 1: Windows: Mở cài đặt người dùng (ctrl +,) Mac: Command + Shift + P

Bước 2: Tìm kiếm "workbench: color customizations" và chọn Edit trong settings.json. Trang mã sau bên trong {} hiện có và tùy chỉnh theo ý muốn.

"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
Cảm ơn! Màu xanh bị thiếu: ví dụ"terminal.ansiBlue":"#00a1f9"
Panagiotis Panagi

2

Những màu đẹp nhất mà tôi tìm thấy - ngoài việc quá đẹp, còn rất dễ nhìn và không làm cay mắt tôi - là những màu tôi tìm thấy được liệt kê trong kho lưu trữ GitHub này: VSCode Snazzy

Cài đặt rất dễ dàng :

Sao chép nội dung của snazzy.json vào tệp VS Code "settings.json" của bạn.

(Trong trường hợp bạn không biết cách mở tệp "settings.json", trước tiên hãy nhấn Ctrl + Shift + P, sau đó viết Tùy chọn: mở cài đặt (JSON) và nhấn enter).


Lưu ý : Đối với những người đã thử ColorTool và nó hoạt động bên ngoài VSCode nhưng không bên trong VSCode, bạn không mắc lỗi khi triển khai nó, đó chỉ là quyết định của các nhà phát triển VSCode để thiết bị đầu cuối của VSCode được tô màu độc lập.


0

Đơn giản. Bạn có thể vào tùy chọn 'Tệp -> Tùy chọn -> Chủ đề Màu' trong studio trực quan và thay đổi màu bạn chọn.

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.