Tema warna untuk terminal terintegrasi VS Code

Jawaban:

185

Anda sebenarnya dapat mengubah pengaturan pengguna dan mengedit setiap warna satu per satu dengan menambahkan yang berikut ini ke pengaturan pengguna.

  1. Buka pengaturan pengguna ( ctrl + ,)
  2. Cari workbenchdan pilih di Edit in settings.jsonbawahColor Customizations
"workbench.colorCustomizations" : {
    "terminal.foreground" : "#00FD61",
    "terminal.background" : "#383737"
}

Untuk mengetahui lebih lanjut tentang warna apa yang dapat Anda edit, Anda dapat mengetahui di sini .

Zrag123
sumber
2
Saat ini berfungsi untuk saya, versi VSCode saya adalah 1.17.2 (yang terbaru)
Zrag123
1
Kamu benar. Aneh. Mereka bilang itu sudah dihapus, tapi itu ada. Coba saja sendiri dan berhasil. Saya kecewa karena mereka mengatakan itu telah dihapus. Senang melihat bukan itu masalahnya.
Mark A. Donohoe
2
Ini bekerja dengan benar! Saya juga ingin belajar bagaimana mendapatkan warna kontras di terminal!
terjadi
3
Masih berfungsi pada 1.24.0. Saya pikir bagian dari kebingungan adalah Anda tidak dapat mencari terminal.backgrounddi pengaturan ( 'workbench.colorCustomizations': {}adalah default), jadi sepertinya fitur yang hilang pada pandangan pertama.
Jim K.
1
Agustus 2019, sempurna. Terima kasih!
Bob Denny
31

VSCode hadir dengan tema warna built-in yang dapat digunakan untuk mengubah warna editor dan terminal.

  • Untuk mengubah tema warna tekan ctrl+k+tdi windows / ubuntu atau cmd+k+tdi mac.
  • Atau Anda dapat membuka palet perintah dengan menekan ctrl+shift+pdi windows / ubuntu atau cmd+shift+pdi mac dan ketik color. Pilih preferences: color themedari opsi, untuk memilih warna favorit Anda.
  • Anda juga dapat menginstal lebih banyak tema dari menu ekstensi di bilah kiri. cukup cari category:themesuntuk memasang tema favorit Anda. (Jika Anda perlu mengurutkan tema dengan menginstal pencarian category:themes @sort:installs)

Edit - untuk mengedit warna secara manual di terminal

Tim VSCode telah menghapus warna penyesuaian dari halaman pengaturan pengguna. Saat ini menggunakan tema adalah satu-satunya cara untuk menyesuaikan warna terminal di VSCode. Untuk informasi lebih lanjut lihat masalah # 6766

Dani Akash
sumber
18
Terima kasih atas jawaban Anda, tetapi tema global berdampak minimal pada jendela terminal, hanya memengaruhi latar belakang dan warna latar depan dalam arti yang sangat luas. OP dan saya ingin mewarnai prompt, perintah input, dan output secara independen, tidak hanya mengubah antara putih-hitam dan hitam-putih. Tahu cara untuk mendapatkan lebih banyak kendali atas warna teks terminal?
kjhughes
1
Sepertinya mereka menghapus warna penyesuaian dari halaman pengaturan pengguna. Saat ini menggunakan tema tampaknya menjadi satu-satunya cara untuk menyesuaikan warna terminal di VSCode. lihat github.com/Microsoft/vscode/issues/6766
Dani Akash
Sangat disayangkan bahwa jawabannya tampaknya saat ini tidak didukung, tetapi tetap berguna untuk mengetahuinya. Aku akan memberimu hadiah. Terima kasih telah melacaknya.
kjhughes
1
Dari apa yang saya tahu, itu adalah masih di sana untuk menyesuaikan dari pengaturan. Buka pengaturan dan cari 'workbench.colorCustomizations'
Mark A.Donohoe
1
Ini untuk mengubah tema warna global dan tidak mempengaruhi terminal terintegrasi
Akh
19

Tambahkan workbench.colorCustomizationske pengaturan pengguna

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

Periksa https://glitchbone.github.io/vscode-base16-term untuk mengetahui beberapa preset.

Longfei Wu
sumber
3
situs preset interaktif adalah sumber daya yang fantastis
mdisibio
17

Jika Anda pemilih warna, gunakan kode ini untuk menyesuaikan setiap segmen.

Langkah 1: Windows: Buka pengaturan pengguna (ctrl +,) Mac: Command + Shift + P.

Langkah 2: Cari "meja kerja: penyesuaian warna" dan pilih Edit di settings.json. Halaman kode berikut di dalam yang ada {} dan sesuaikan sesuka Anda.

"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
sumber
1
Terima kasih! Biru hilang: misalnya"terminal.ansiBlue":"#00a1f9"
Panagiotis Panagi
2

Warna-warna terbaik yang pernah saya temukan - selain indah, juga sangat mudah dilihat dan tidak membuat mata saya pedih - adalah yang saya temukan tercantum di gudang GitHub ini: VSCode Snazzy

Instalasi Sangat Mudah :

Salin konten snazzy.json ke file "settings.json" VS Code Anda.

(Jika Anda tidak tahu cara membuka file "settings.json", pertama tekan Ctrl + Shift + P lalu tulis Preferensi: buka pengaturan (JSON) dan tekan enter).

Perhatian : Bagi mereka yang telah mencoba ColorTool dan bekerja di luar VSCode tetapi tidak di dalam VSCode, Anda tidak membuat kesalahan dalam mengimplementasikannya, itu hanya keputusan pengembang VSCode untuk terminal VSCode diwarnai secara independen.

aderchox
sumber
0

Secara sederhana. Anda dapat membuka opsi 'File -> Preferences -> Color Theme' di visual studio dan mengubah warna pilihan Anda.

A1991
sumber