web-dev-qa-db-ja.com

選択したテキストと選択/単語の一致のハイライトを変更するにはどうすればよいですか？

視覚的な混乱：「選択したテキスト」と「選択した一致」のハイライト色

毎日のVS Codeユーザーとして、以前に解決した問題（ 選択と選択はハイライトカラー＃1636と一致 ）を見つけました-つまり、実際に選択した場合ハイライトされているテキストもありますが、ハイライトの色は、一致したコードまたは同じWordで使用されているハイライトとほとんど区別がつきません。

ローカルユーザー設定のようなCSSオーバーライド？

システム全体のハイライト色（anyテキストをシステム全体で選択する場合）がVS Codeに移植できない場合は、編集する方法が必要です。おそらく、テーマのCSSまたは-できれば-ユーザー生成の「オーバーライドcss」ファイルまたは何か（VS Codeのユーザー設定など）の中にあります。これはパイプラインにありますか？そうでない場合、誰か修正はありますか？

選択したテキストの強調表示色を変更するATMは不可能に見えます。 「ダーク」を使っていますが、どちらのテーマでも同じです。

editorvisual-studio-code
16
Dave Everitt

これで、選択オプションを含む、vscodeに実行できる多くの色のカスタマイズがあります。

editor.selectionBackground: Color of the editor selection.
editor.selectionHighlightBackground: Color for regions with the same content as the selection.
editor.inactiveSelectionBackground: Color of the selection in an inactive editor.

vscodeテーマのカラーオプション を参照してください。

16
Mark

不足しているいくつかの手順を記入するには：

  1. Settings.jsonファイルを開きます（このファイルの場所については以下を参照してください）

  2. 最後のエントリにコンマを追加します（右中括弧}の前）

  3. 貼り付け：

 "workbench.colorCustomizations"：{
 "editor.selectionBackground"： "＃e788ff"、//現在の選択されたテキスト
 "editor.selectionHighlightBackground"： "＃ff0000"、/ /セレクションと同じ内容
 "editor.findMatchBackground"： "＃00cc44a8"、// Current SEARCH MATCH 
 "editor.findMatchHighlightBackground"： "＃ff7b00a1" //その他の検索マッチ
}

典型的な設定ファイルの例、ポストmod：

 {
 "git.enableSmartCommit"：true、
 "git.autofetch"：true、
 "breadcrumbs.enabled"：true、
 "git.confirmSync"：false、
 "Explorer.confirmDelete"：false、
 "code-runner.saveFileBeforeRun"：true、
 "code-runner.saveAllFilesBeforeRun"：true 、
 "workbench.activityBar.visible"：true、
 "files.trimTrailingWhitespace"：true、
 "telemetry.enableTelemetry"：false、
 "ワークベンチ。 colorCustomizations "：{
" editor.selectionBackground "："＃e788ff7c "、//現在選択されているテキスト
" editor.selectionHighlightBackground "："＃ff00005b "、//選択と同じコンテンツ
 "editor.findMatchBackground"： "＃00cc44a8"、//現在のSEARCH MATCH 
 "editor.findMatchHighlightBackground"： "＃ff7b00a1" //その他のSEARCH MATCHES 
} 
}

Settings.jsonファイルの場所：

Depending on your platform, the user settings file is located here:

Windows %APPDATA%\Code\User\settings.json
macOS $HOME/Library/Application Support/Code/User/settings.json
Linux $HOME/.config/Code/User/settings.json

ALTERNATEメソッドを使用して、settings.jsonファイルを開きます。

  1. Ctrl +、（カンマ）で設定を開く

  2. ワークベンチ

  3. 設定エディター

  4. 上部の検索ボックスに貼り付けworkbench.colorCustomizations

  5. 左側にあるWorkbenchをクリックし、次にAppearanceをクリックします

  6. 右のリンクをクリックしてください：Edit in settings.json

参照：

https://code.visualstudio.com/api/references/theme-color#editor-colors

https://code.visualstudio.com/docs/getstarted/themes#_customize-a-color-theme

https://code.visualstudio.com/docs/getstarted/settings

16
cssyphus