在Visual Studio Code中更改突出显示的文本颜色


114

现在,它是淡淡的灰色覆盖层,很难看到。有什么方法可以更改默认颜色?

在此处输入图片说明


工具->一般选项:字体和颜色
Austin T French

10
Visual Studio代码,而不是VS 2013,2015年等
duyn9uyen

Answers:


14

更新 请参见@JakubZawiślak的VScode 1.12+答案


旧答案

Visual Studio Code将此选择突出显示,但不幸的是,我认为该颜色当前不可自定义。主题可以控制“选择”颜色,但是“选择突出显示”颜色是硬编码的。

看到此问题并跟踪可能的解决方案:https : //github.com/Microsoft/vscode/issues/1636

(作为旁注,您可以使用此editor.selectionHighlight设置切换此功能或关闭。)


4
过时的
Alex

4
更新以引用JakubZawiślak对VSCode的现代版本的回答
Matt Bierner

@ duyn9uyen,最好更改接受的答案。
kmchmk

266

将以下行添加到settings.json文件中的“编辑器:令牌颜色自定义”设置中。

"workbench.colorCustomizations": {
    "editor.selectionBackground": "#135564",
    "editor.selectionHighlightBackground": "#135564"
},

有关更多选项,请参见主题颜色参考


5
有什么办法可以改变文字颜色?否则,您必须找到一种与配色方案中的每种颜色配对时都能保持可读性的背景色。这是使我无法使用VS Code的两个问题之一……
Bruno Ely

3
@BrunoBEly如果打开"workbench.colorCustomizations": {}然后开始键入"editor.selection,则自动完成菜单将提示所有可能的键及其说明,包括选择前景。
Tobia

2
@Tobia谢谢小费!我找到了,但是可能做错了。我将背景和前景都设置为红色,但是只有背景似乎可以正常工作(我使用的是VS Code 1.18.0)
Bruno Ely

1
对于终端: "terminal.selectionBackground": "#f1eeb3a9",
JinSnow

1
这似乎不适用于Python,设置selectionHighlightBackground似乎不会影响突出显示变量或函数使用时颜色vscode使用的颜色(例如)
jrh

48

以上答案涵盖Selected textareas with same content as selection,但是错过了Current Search MatchOther Search Matches- 具有同样的问题

"workbench.colorCustomizations": {
    "editor.findMatchBackground": "#00cc44a8", //Current SEARCH MATCH
    "editor.findMatchHighlightBackground": "#ff7b00a1" //Other SEARCH MATCHES
}

请注意,使用“更改所有情况”时,上述设置也会影响颜色 CtrlF2 (超级有用的命令,它 智能地 选择所有出现的字符串,将光标置于每个位置以进行多实例编辑)

更新:

对于那些使用流行的扩展名“ 编号书签”的用户 -您现在可以更改书签行的背景颜色-轻松地注意到它们。将此行添加到您的settings.json(也位于workbench.colorCustomizations下):

        "numberedBookmarks.lineBackground": "#007700"

另外,请不要错过下面的答案中 Henry Zhu的有用提示。 (如果发现有帮助,请记住对他的答案进行投票)。我在以上设置中添加了亨利的技巧,并发现整体效果得到了改善。


一个典型的设置文件示例,mod后:

    {
        “ git.enableSmartCommit”:是的,
        “ git.autofetch”:是的,
        “ breadcrumbs.enabled”:是的,
        “ git.confirmSync”:否,
        “ explorer.confirmDelete”:否,
        “ code-runner.saveFileBeforeRun”:是,
        “ code-runner.saveAllFilesBeforeRun”:是,
        “ workbench.activityBar.visible”:是,
        “ files.trimTrailingWhitespace”:是的,
        “ telemetry.enableTelemetry”:否,
        “ scm.providers.visible”:0,// 0允许手动调整源代码控制面板的大小
        “ workbench.colorCustomizations”:{
            “ editor.selectionBackground”:“#e788ff7c”,//当前选择的文本
            “ editor.selectionHighlightBackground”:“#ff00005b”,//内容与选择相同
            “ editor.findMatchBackground”:“#00cc44a8”,//当前的搜索匹配
            “ editor.findMatchHighlightBackground”:“#ff7b00a1”,//其他搜索匹配
            “ numberedBookmarks.lineBackground”:“#007700”
            // Henry的技巧在这里...(不要忘记在上面的行中添加逗号)
        }
    }


在哪里可以找到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


1
我发现这些也可与此答案结合使用,一目了然地找到匹配项。请注意对RGBA的支持(在我使用的颜色值的末尾使用75 alpha设置:"editor.wordHighlightBorder": "#00ff0075", "editor.findMatchHighlightBorder": "#00ff0075"
Neil Guy Lindberg,

感谢您的提示,尼尔。我会试试看。
cssyphus

有人知道在终端搜索中如何进行匹配吗?
holzkohlengrill

20

如果有人找到了它,并且像我一样,无法使上述配置正常工作,请尝试执行此操作。

  1. 转到文件>首选项>设置
  2. 输入搜索编辑器令牌颜色自定义项
  3. 在“ 编辑器”标记颜色自定义标题下
  4. 单击settings.json中的编辑
  5. 在右侧列中选择用户设置
  6. 将此粘贴到json对象中

确保用您要查看的颜色替换#。

"workbench.colorCustomizations": {
    "editor.lineHighlightBackground": "#<color1>",
    "editor.selectionBackground": "#<color2>",
    "editor.wordHighlightBackground": "#<color3>",
    "editorCursor.foreground": "#<color4>"
},

我对以上配置的理解。

editor.lineHighlightBackground-单击行时,这是行背景的颜色。

“ editor.selectionBackground”-这是缓冲区中其他位置的匹配选择的背景。考虑一个名为foo的变量,它已在整个文件中使用。然后,您突出显示该文本,页面上的所有其他foo均为该颜色。

“ editor.wordHighlightBackground”-这是所选文本的颜色,如果单击时默认的突出显示单词无效。我只看到如果您单击未自动选择的单词,则此值会有所不同。

editorCursor.foreground-这是光标的颜色。


2
这应该是答案。这些是VSCode 1.3+版中使用的设置
MaylorTaylor,

editor.lineHighlightBackground似乎不再存在,我认为他们是故意删除了它:github.com/dracula/visual-studio-code/issues/68
havlock

很好。
FujiRoyale

1
谢谢,几天来一直在努力寻找这个,没有人提到wordHighlightBackground!
瑞安·魏斯

这应该被标记为答案。10秒修复!
Nico Butler

17

正如我测试过的那样,设置边框颜色比设置背景颜色更容易阅读,这是Sublime Text的作用。

例如,将这些行添加到中settings.json

"workbench.colorCustomizations": {
    "editor.selectionHighlightBorder": "#FFFA",
},

所选单词将显示为:

在此处输入图片说明


6

您可以通过以下方式用自己喜欢的颜色进行更改:

脚步

  1. 打开可视代码
  2. 转到文件菜单
  3. 首选项->设置

打开设置后,您将在右侧列上更新设置,将此代码复制并粘贴到主括号内 { ... }

"workbench.colorCustomizations": {
    "editor.selectionBackground": "#f00", // red color hexadecimal code
    "editor.selectionHighlightBackground": "#fff" // white hex code
},

不能放置redwhite作为值。
giovannipds '18 -10-1

1
giovannipds,它只是显示的名称,您可以添加任何颜色名称,而不是值
Rizo

1
那是代码,所以是错误的。red并且white是网页颜色,因此可能会使人感到困惑
。–

3

如果有人发现自己正在阅读@FujiRoyale的答案,而其他人都不起作用,并且想知道为什么他/她的答案也没有起作用,但最近又想知道为什么,我遵循他们的答案,并使用了(vscode v1.18) )作为user settings设置:

{
    // Is git enabled
    "git.enabled": true,
    // Path to the git executable
    "git.path": "C:\\Users\\t606964\\AppData\\Local\\Programs\\Git\\mingw64\\bin\\git.exe",
    "workbench.startupEditor": "newUntitledFile",
    // other settings
    //
    "editor.fontSize": 12,
    "editor.tabSize": 2,
    "git.confirmSync": false,
    "workbench.colorTheme": "Monokai",
    "editor.fontWeight": "bold",
    "editor.formatOnSave": true,
    "editor.formatOnPaste": true,
    "workbench.iconTheme": "vscode-icons",
    "explorer.confirmDelete": false,
    "files.autoSave": "off",
    "workbench.colorCustomizations": {
        "editor.lineHighlightBackground": "#f00",
        "editor.selectionBackground": "#0f0",
        "editor.wordHighlightBackground": "#00f",
        "editorCursor.foreground": "#ff0"
    }
}

注意他们的答案中的缩进和逗号以及双引号的删除(我不得不使用它来使它正确,但答案中并不清楚)。无需重新启动vscode,但是值得一看File > Autosave,看看您是否开始获得原色突出显示。然后为您的突出显示选择更好的颜色。

您也可以workspace settings通过粘贴来完成这项工作

"workbench.colorCustomizations": {
    "editor.lineHighlightBackground": "#f00",
    "editor.selectionBackground": "#0f0",
    "editor.wordHighlightBackground": "#00f",
    "editorCursor.foreground": "#ff0"
}

在现有之间 {}的右侧设置窗格之间。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.