Tema warna untuk terminal terintegrasi VS Code

100

Bisakah kita mengubah pengaturan warna Terminal Terintegrasi VS Code? Punyaku terlihat kusam hanya dengan warna putih.

terminal visual-studio-code vscode-settings

— John Jai
sumber

4

Berikut adalah generator tema yang berguna untuk memodifikasi "workbench.colorCustomizations"di settings.json

— Darragh Enright

185

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

Buka pengaturan pengguna ( ctrl + ,)
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