ธีมสีสำหรับเทอร์มินัลรวม VS Code


108

เราสามารถเปลี่ยนการตั้งค่าสีของ VS Code Integrated Terminal ได้หรือไม่? ฉันดูหมองคล้ำด้วยสีขาว

ป้อนคำอธิบายภาพที่นี่


4
นี่คือตัวสร้างธีมที่มีประโยชน์ในการปรับเปลี่ยนของคุณ"workbench.colorCustomizations"ใน settings.json
Darragh Enright

สีพื้นหลังและการปรับแต่งที่แตกต่างกันต่อหน้าต่างเทอร์มินัลจะดี
jarmod

คำตอบ:


202

คุณสามารถแก้ไขการตั้งค่าผู้ใช้ของคุณและแก้ไขทีละสีได้โดยเพิ่มสิ่งต่อไปนี้ในการตั้งค่าผู้ใช้

  1. เปิดการตั้งค่าผู้ใช้ ( ctrl + ,)
  2. ค้นหาworkbenchและเลือกEdit in settings.jsonภายใต้Color Customizations
"workbench.colorCustomizations" : {
    "terminal.foreground" : "#00FD61",
    "terminal.background" : "#383737"
}

สำหรับข้อมูลเพิ่มเติมเกี่ยวกับสิ่งที่สีที่คุณสามารถแก้ไขคุณสามารถหาที่นี่


3
ขณะนี้ใช้งานได้สำหรับฉันเวอร์ชัน VSCode ของฉันคือ 1.17.2 (ซึ่งเป็นเวอร์ชันล่าสุด)
Zrag123

1
คุณถูก. แปลก พวกเขาบอกว่ามันถูกลบออก แต่มันอยู่ที่นั่น เพิ่งลองด้วยตัวเองและได้ผล ฉันผิดหวังที่พวกเขาบอกว่ามันถูกลบออก ดีใจที่เห็นว่าไม่ใช่อย่างนั้น
Mark A. Donohoe

2
ทำงานได้ถูกต้อง! ฉันต้องการเรียนรู้วิธีรับสีคอนทราสต์ในเทอร์มินัลด้วย!
ปกติ

3
ยังคงใช้งานได้ตั้งแต่ 1.24.0 ฉันคิดว่าส่วนหนึ่งของความสับสนคือคุณไม่สามารถค้นหาterminal.backgroundในการตั้งค่า ( 'workbench.colorCustomizations': {}เป็นค่าเริ่มต้น) ดังนั้นจึงดูเหมือนว่าคุณลักษณะที่ขาดหายไปในตอนแรก
Jim K.

1
สิงหาคม 2019 สมบูรณ์แบบ ขอบคุณ!
Bob Denny

34

VSCode มาพร้อมกับธีมสีในตัวซึ่งสามารถใช้เพื่อเปลี่ยนสีของตัวแก้ไขและเทอร์มินัล

  • สำหรับการเปลี่ยนธีมสีให้กดctrl+k+tใน windows / ubuntu หรือcmd+k+tบน mac
  • หรือคุณสามารถเปิดจานคำสั่งโดยการกดctrl+shift+pในหน้าต่าง / อูบุนตูหรือcmd+shift+pบน Mac colorและประเภท เลือกpreferences: color themeจากตัวเลือกเพื่อเลือกสีที่คุณชื่นชอบ
  • คุณยังสามารถติดตั้งธีมเพิ่มเติมได้จากเมนูส่วนขยายบนแถบด้านซ้าย เพียงค้นหาcategory:themesเพื่อติดตั้งธีมที่คุณชื่นชอบ (หากคุณต้องการจัดเรียงธีมตามการค้นหาการติดตั้งcategory:themes @sort:installs)

แก้ไข - สำหรับแก้ไขสีด้วยตนเองในเทอร์มินัล

ทีม VSCode ได้ลบการปรับแต่งสีออกจากหน้าการตั้งค่าผู้ใช้ ขณะนี้การใช้ธีมเป็นวิธีเดียวในการปรับแต่งสีเทอร์มินัลใน VSCode สำหรับข้อมูลเพิ่มเติมโปรดดูปัญหา # 6766


20
ขอบคุณสำหรับคำตอบ แต่ธีมทั่วโลกมีผลกระทบเพียงเล็กน้อยต่อหน้าต่างเทอร์มินัลมีผลเฉพาะพื้นหลังและสีพื้นหน้าในความหมายที่กว้างมาก OP และฉันกำลังมองหาการปรับสีของพรอมต์คำสั่งอินพุตและเอาต์พุตอย่างอิสระไม่ใช่แค่เปลี่ยนระหว่างขาว - ดำและขาว - ดำ รู้วิธีที่จะควบคุมสีข้อความเทอร์มินัลได้มากขึ้นหรือไม่?
kjhughes

1
ดูเหมือนว่าพวกเขาลบการปรับแต่งสีออกจากหน้าการตั้งค่าผู้ใช้ ขณะนี้การใช้ธีมดูเหมือนจะเป็นวิธีเดียวในการปรับแต่งสีเทอร์มินัลใน VSCode ตรวจสอบgithub.com/Microsoft/vscode/issues/6766
Dani Akash

โชคไม่ดีที่คำตอบดูเหมือนจะไม่ได้รับการสนับสนุนในขณะนี้ แต่ก็มีประโยชน์ที่จะทราบ ฉันจะกำหนดค่าหัวให้คุณ ขอบคุณสำหรับการติดตามสิ่งนี้
kjhughes

1
จากสิ่งที่ผมสามารถบอกได้ก็คือยังคงอยู่ในที่มีการปรับแต่งจากการตั้งค่า เปิดการตั้งค่าแล้วมองหา 'workbench.colorCustomizations'
Mark A. Donohoe

1
นี้คือการเปลี่ยนชุดรูปแบบสีทั่วโลกและไม่ได้มีผลต่อการรวมขั้ว
Akh

20

เพิ่มworkbench.colorCustomizationsในการตั้งค่าผู้ใช้

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

ตรวจสอบhttps://glitchbone.github.io/vscode-base16-termสำหรับค่าที่ตั้งไว้ล่วงหน้า


4
ไซต์พรีเซ็ตแบบโต้ตอบเป็นทรัพยากรที่ยอดเยี่ยม
mdisibio

20

ในกรณีที่คุณเลือกสีให้ใช้รหัสนี้เพื่อปรับแต่งทุกส่วน

ขั้นตอนที่ 1: Windows: เปิดการตั้งค่าผู้ใช้ (ctrl +,) Mac: Command + Shift + P

ขั้นตอนที่ 2: ค้นหา "workbench: color customizations" และเลือก Edit ใน settings.json เลื่อนหน้ารหัสต่อไปนี้ภายใน {} ที่มีอยู่และปรับแต่งตามที่คุณต้องการ

"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
ขอบคุณ! สีน้ำเงินหายไป: เช่น"terminal.ansiBlue":"#00a1f9"
Panagiotis Panagi

5

สีที่ดีที่สุดที่ฉันพบ - ซึ่งนอกเหนือจากความสวยงามแล้วยังดูง่ายมากอีกด้วยและไม่ทำให้ตาของฉันเดือด - เป็นสีที่ฉันพบในที่เก็บ GitHub นี้: VSCode Snazzy

ติดตั้งง่ายมาก :

คัดลอกเนื้อหาของsnazzy.jsonลงในไฟล์ VS Code "settings.json" ของคุณ

(ในกรณีที่คุณไม่ทราบวิธีเปิดไฟล์ "settings.json" ให้กด Ctrl + Shift + P ก่อนแล้วจึงเขียนPreferences: open settings (JSON)แล้วกด Enter)


ข้อสังเกต :สำหรับผู้ที่เคยลอง ColorToolและใช้งานได้ภายนอก VSCode แต่ไม่ใช่ภายใน VSCode คุณจะไม่มีข้อผิดพลาดในการนำไปใช้นั่นเป็นเพียงการตัดสินใจของนักพัฒนา VSCode เพื่อให้เทอร์มินัลของ VSCode เป็นสีอย่างอิสระ


0

เพียงแค่ คุณสามารถไปที่ตัวเลือก 'ไฟล์ -> การตั้งค่า -> ธีมสี' ในวิชวลสตูดิโอและเปลี่ยนสีที่คุณเลือก

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.