VS Code統合端末のカラーテーマ


回答:


184

以下をユーザー設定に追加することで、実際にユーザー設定を変更し、各色を個別に編集できます。

  1. ユーザー設定を開く(ctrl + ,
  2. 検索workbenchと選択Edit in settings.jsonの下でColor Customizations
"workbench.colorCustomizations" : {
    "terminal.foreground" : "#00FD61",
    "terminal.background" : "#383737"
}

編集できる色の詳細については、こちらをご覧ください


2
それは私のために現在働いています、私のVSCodeバージョンは1.17.2(これは最新です)
Zrag123

1
あなたが正しい。奇数。彼らはそれが削除されたと言いましたが、それはあります。自分で試してみたところ、うまくいきました。彼らがそれが削除されたと言ったことに私は失望しました。そうではないことを見てうれしい。
マークA.ドノホー2017年

2
これは正しく動作します!ターミナルでコントラストカラーを取得する方法も学びたいです!
通常の

3
1.24.0でもまだ機能します。混乱の一部は、terminal.background設定では検索できない('workbench.colorCustomizations': {}デフォルト)ため、一見すると機能が不足しているように見えます。
ジム

1
2019年8月、完璧です。ありがとう!
ボブ・デニー

31

VSCodeには、エディターとターミナルの色を変更するために使用できる組み込みのカラーテーマが付属しています。

  • ctrl+k+twindows / ubuntuまたはcmd+k+tmac でカラーテーマを押します。
  • または、windows / ubuntuまたはmacを押してコマンドパレットを開き、と入力することもできます。選択してお好みの色を選択するには、オプションから。ctrl+shift+pcmd+shift+pcolorpreferences: color theme
  • 左側のバーの拡張機能メニューからさらにテーマをインストールすることもできます。検索category:themesしてお気に入りのテーマをインストールしてください。(インストール検索でテーマをソートする必要がある場合category:themes @sort:installs

編集 -端末で色を手動で編集します

VSCodeチームは、ユーザー設定ページから色のカスタマイズを削除しました。現在、テーマを使用することは、VSCodeで端末の色をカスタマイズする唯一の方法です。詳細については、問題#6766を確認してください。


18
回答ありがとうございます。ただし、グローバルテーマはターミナルウィンドウへの影響は最小限であり、非常に広い意味での背景と前景色にのみ影響します。OPと私は、白地に黒と白地に黒を切り替えるだけでなく、プロンプト、入力コマンド、出力を個別に色分けすることを検討していました。端末のテキストの色をより細かく制御する方法を知っていますか?
kjhughes

1
ユーザー設定ページからカスタマイズ色を削除したようです。現在、テーマを使用することが、VSCodeで端末の色をカスタマイズする唯一の方法のようです。チェックアウトgithub.com/Microsoft/vscode/issues/6766
ダニ・Akashさん

残念ながら、現時点ではサポートされていないようですが、それでも知っておくと役に立ちます。賞金を割り当てます。これを追跡してくれてありがとう。
kjhughes 2017

1
私が言えることから、設定からカスタマイズすることまだそこにあります。設定を開き、「workbench.colorCustomizations」を探します
マークA.ドノホー17/10/23

1
これは、グローバルカラーテーマを変更するためのものであり、統合ターミナルには影響しません
Akh


16

色が好きな場合は、このコードを使用してすべてのセグメントをカスタマイズしてください。

ステップ1:Windows:ユーザー設定を開く(Ctrl +、)Mac:Command + Shift + P

ステップ2:「workbench:color customizations」を検索し、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"
パナギオティスパナギ

2

私が見つけた最高の色-とても美しいだけでなく、非常に見やすく、目を沸かせません-は、このGitHubリポジトリにリストされているものです:VSCode Snazzy

非常に簡単なインストール

snazzy.jsonの内容をVSコードの「settings.json」ファイルにコピーします。

(「settings.json」ファイルを開く方法がわからない場合は、まずCtrl + Shift + Pを押してから、プリファレンスを書き込んでください:設定(JSON)開いて Enter キーを押します)。


注意ColorToolを試して VSCodeの外部で機能し、VSCodeの内部では機能しない場合は、実装に誤りはありません。VSCodeのターミナルを個別に色分けするかどうかは、VSCode開発者の決定にすぎません。


0

単に。Visual Studioの[ファイル]-> [設定]-> [カラーテーマ]オプションに移動して、選択した色を変更できます。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.