web-dev-qa-db-ja.com

Visual Studio Codeのデフォルトのダークテーマを編集する方法は？

Windows 7 64ビットを使用しています。

Visual Studio Codeでデフォルトのダークテーマを編集する方法はありますか？ ％USERPROFILE％.vscodeフォルダーには拡張機能のテーマのみがありますが、インストールパス（デフォルトではC：\ Program Files（x86）\ Microsoft VS Codeを使用しました）には、\ resources\app \にいくつかの標準テーマのファイルがありますKimbie Dark、Solarized Dark/LightまたはMonokaiのバリアントなどの拡張機能がありますが、デフォルトのダークテーマはありません。

しかし、やはり編集する可能性がある場合、どのコードブロックがオブジェクトのメンバー、ポインターのメンバー、C++言語のクラスと構造体の名前の色の原因になりますか？

themesvisual-studio-code
55
Toreno96

探しているファイルは、

Microsoft VS Code\resources\app\extensions\theme-defaults\themes

windowsでファイル名dark_vs.jsonを検索して、他のシステムで検索します。

17
paarandika

VSコード「ユーザー設定」では、次のタグを使用して表示色を編集できます（これはサンプルであり、さらに多くのタグがあります）。

"workbench.colorCustomizations": {
    "list.inactiveSelectionBackground": "#C5DEF0",
    "sideBar.background": "#F8F6F6",
    "sideBar.foreground": "#000000",
    "editor.background": "#FFFFFF",
    "editor.foreground": "#000000",
    "sideBarSectionHeader.background": "#CAC9C9",
    "sideBarSectionHeader.foreground": "#000000",
    "activityBar.border": "#FFFFFF",
    "statusBar.background": "#102F97",
    "scrollbarSlider.activeBackground": "#77D4CB",
    "scrollbarSlider.hoverBackground": "#8CE6DA",
    "badge.background": "#81CA91"}

一部のC++カラートークンを編集する場合は、次のタグを使用します。

"editor.tokenColorCustomizations": {
    "numbers": "#2247EB",
    "comments": "#6D929C",
    "functions": "#0D7C28"
}
51
Chethaka Uduwarage

テーマに関しては、VS CodeはSublimeと同じくらい編集可能です。 VSコードに付属しているデフォルトのテーマはどれでも編集できます。テーマファイルの場所を知る必要があります。

サイドノート：Monokaiテーマが大好きです。ただし、変更したいのは背景だけでした。暗い灰色がかった背景は好きではありません。代わりに、黒一色の背景の方がコントラストがはるかに優れていると思います。コードがさらに飛び出します。

とにかく、私はテーマファイルを探して、それを（Windowsで）見つけました：

c：\ Program Files（x86）\ Microsoft VS Code\resources\app\extensions\theme-monokai\themes \

そのフォルダーでMonokai.tmThemeファイルを見つけ、最初のバックグラウンドキーを次のように変更しました。

<key>background</key>
<string>#000000</string>

テーマファイルにはいくつかの「バックグラウンド」キーがあります。正しいキーを編集してください。編集したのは一番上でした。 12行目だと思います。

25
iviouse

デフォルトのテーマは「編集」できません。「ロック」されています

ただし、必要な変更を加えて、独自のカスタムテーマにコピーできます。

詳細については、次の記事を参照してください。 https://code.visualstudio.com/Docs/customization/themeshttps://code.visualstudio.com/docs/extensions/install- extension＃_your-extensions-folder

変更したいのがC++コードの色だけである場合は、c ++サポートカラーライザーの上書きを検討する必要があります。それについての情報は、こちらをご覧ください： https://code.visualstudio.com/docs/customization/colorizer

編集：ダークテーマはここにあります： https://github.com/Microsoft/vscode/tree/80f8000c10b4234c7b027dccfd627442623902d2/extensions/theme-colorful-defaults

EDIT2：明確にするために：

15
Tobiah Zarlez

VS Codeバージョン1.12以降では、この設定セクションでカラーテーマを変更できます。

 // Overrides colors from the currently selected color theme.
  "workbench.colorCustomizations": {}

https://code.visualstudio.com/docs/getstarted/themes#_customize-a-color-theme を参照してください

編集可能な値： https://code.visualstudio.com/docs/getstarted/theme-color-reference

編集：構文の色を変更するには、ここを参照してください： https://code.visualstudio.com/docs/extensions/themes-snippets-colorizers#_syntax-highlighting-colors およびここ： https ：//www.sublimetext.com/docs/3/scope_naming.html

12
needfulthing

現在、現在のテーマ設定をコピーし、*.color-theme.json JSON5ファイルとして保存できるように、現在のテーマを変更するオプションがあります

Generate color theme from current settings

ただし、もっと簡単な方法は、ユーザー設定を編集してカスタマイズすることです workbench.colorCustomizations

Editing color customizations

7
jay

この答えがここに合うかどうかはわかりませんが、MACユーザー向けのソリューションを共有したいと思います。新しい質問を開始してそこで答えると、見苦しくなります。

[MAC OSのソリューション]
VSCodeテーマパスを以下のように探します。

..your_install_location/Visual Studio Code.app/Contents/Resources/app/extensions/theme-name/themes/theme_file.json

.jsonファイルを開き、変更するターゲットスタイルを探します。
私の場合、空白のレンダリング色を変更したい
そして私はそれを見つけました
"editorWhitespace.foreground"
したがって、Visual Studio Codeのsettings.jsonの下で、
次の行を追加しました（ワークスペース設定で行います）。

"workbench.colorCustomizations": {
    "editorWhitespace.foreground": "#93A1A130" // stand as #RRGGBBAA
}

以下から導かれるソリューション： https://code.visualstudio.com/docs/getstarted/themes#_customize-a-color-theme


忘れないでください ⌘ Command+S 設定を保存して有効にします。

3
elliotching

docs には、これに関するセクション全体があります。

基本的に、npmを使用してyoをインストールし、コマンドyo codeを実行すると、テキストベースの小さなウィザードが表示されます。そのオプションの1つは、デフォルトのダークスキームのコピーを作成および編集します。

2
LeeGee