Question

I am using visual studio code editer :https://code.visualstudio.com/ for windows. I am trying to change background color of tooltip message box but i could not do it.Below my code but not working.Anybody can help me to resolve this issue?

settings.json

 {  
 "vscode_custom_css.imports": ["./style.css"],
 "vscode_custom_css.policy": true
 }

style.css:

      /* suggest-widget size */

      .monaco-editor .suggest-widget.docs-side {
      width: 1000px; 
      }

      .monaco-editor .suggest-widget.docs-side > .details {
      width: 60%;
      max-height: 800px !important; 
      }

      .monaco-editor .suggest-widget.docs-side > .tree {
      width: 30%;
      float: left; 
      }

      /* parameter-hints-widget */

      .editor-widget.parameter-hints-widget.visible {
      max-height: 800px !important; 
      }

      .monaco-editor .parameter-hints-widget > .wrapper {
      max-width: 1000px; 
      }

      /* editor-hover */

      .monaco-editor-hover .monaco-editor-hover-content {
      width: 1000px;
      height:500px;
      background-color: aqua;
      }

Answer 1

有时您自己在.vscodestyles.css上所做的编辑不会覆盖默认设置，因此这是我的解决方案（编辑默认CSS）：

f1 ->开发人员工具。
拉起一个工具提示，然后在开发人员工具中选择它。
在开发人员工具中，请参阅background-color的来源。它可能是默认值。如果是这样，请在开发人员工具中将其打开。
复制文件的一部分（子字符串）。有了这个技巧，您就可以搜索它，稍后在编辑器中直接将其移到正确的位置。
在具有写入权限的编辑器中打开它。搜索您复制的子字符串，更改css，然后保存。

最好将编辑过的CSS复制到某个位置，这样在更新后，您可以轻松地更改默认CSS。

How to change visual studio code tooltip background color

1 个答案: