VS代码：如何更改所选文本和选择/单词匹配的高亮显示？

Question

视觉混淆：＆＃39;选择的文字＆＃39;和＆＃39;选择匹配＆＃39;突出颜色

作为每日VS Code用户，我发现了一个早期关闭的问题（Selection and selection matches highlight color #1636） - 即如果你实际选择某些文字突出显示，但高亮颜色与用于匹配代码或相同单词的重点几乎无法区分。

本地用户设置 - 如CSS覆盖？

如果系统范围的高亮颜色（在系统范围内选择任何文本时）无法移植到VS Code，我需要一种方法来编辑它。也许在主题的CSS中 - 或者 - 最好 - 在用户生成的＆＃39;覆盖css＆＃39;文件或其他东西（如VS Code的用户设置）。这是在管道中吗？如果没有，有人有修复吗？

ATM更改所选文本的高亮颜色似乎是不可能的。我使用的是“黑暗”，但不管是哪个主题，问题都是一样的。

Answer 1

现在可以对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.

请参阅我相信的关于v1.13的vscode theme color options。

Answer 2

要填写几个缺少的步骤：

1. 打开settings.json文件（有关此文件的位置，请参见下文）

2. 在最后一个条目（在右括号}之前）添加逗号

3. 粘贴：

    "workbench.colorCustomizations": {
        "editor.selectionBackground": "#e788ff", //Current SELECTED text
        "editor.selectionHighlightBackground": "#ff0000", //same content as the selection
        "editor.findMatchBackground": "#00cc44a8", //Current SEARCH MATCH
        "editor.findMatchHighlightBackground": "#ff7b00a1" //Other SEARCH MATCHES
    }

典型设置文件示例，发布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,
        "workbench.colorCustomizations": {
            "editor.selectionBackground": "#e788ff7c", //Current selected text
            "editor.selectionHighlightBackground": "#ff00005b", //Same content as selection
            "editor.findMatchBackground": "#00cc44a8", //Current SEARCH MATCH
            "editor.findMatchHighlightBackground": "#ff7b00a1" //Other 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

Answer 3

我使用的是sarah.drasner的Night Owl主题，用于VSCode，默认情况下，通过单词选择，文本选择会变得无能为力，如果我真的做出选择，我会一直感到困惑。

测试各种变量...高亮背景一词（可以尝试使用边框）是我的工作。

"workbench.colorCustomizations": {
    "editor.wordHighlightBackground": "#0066ff2a",
    "editor.wordHighlightStrongBackground": "#0066ff2a",
}

有人认为我想澄清一下，您需要2个值（例如rgba）=

1. RGB颜色，例如
   +
2. 透明度（00到FF），例如 2a

之前：

之后：

更多信息：https://code.visualstudio.com/api/references/theme-color#editor-colors

Answer 4

关键答案！

https://stackoverflow.com/a/45640244/294884

所需的设置：

这两个设置名称：

是这两种颜色：

每个项目是什么？大提示！

settings.json编辑器中有一个非常有用的鼠标悬停工具提示：

请注意，它详细解释了设置的确切作用！

如何在当前（2020年）的VSCode中编辑这些内容？

VSCode的乐趣之一就是首选项非常简单。 （在VS中，这是一场噩梦。）

只需单击“设置”，然后单击此即可：