如何在原子编辑器中更改 TODO 突出显示

How to change TODO highlight in atom editor

在我看来，atom 编辑器中 TODO "flag" 的高亮显示太 weak/unobtrusively。

我该如何更改？我不想在边栏中列出待办事项 (https://atom.io/packages/todo-show)。

此处进行比较：

在 Vim 编辑器中有很强的高亮显示（需要）：

在 Atom 编辑器中：

主要问题是，那个原子用这种颜色突出了许多其他代码字...

由于 GitHub 的 Atom 编辑器是围绕 HTML5 和 CSS3 构建的，您可以很容易地改变您的风格 sheet，我在尽管您可以将相同的原则应用于编辑器中的任何样式元素，但如何在下面进行此特定更改：

循序渐进

您需要做的第一件事是找到您想要设置样式的元素的实例，在这种情况下，我创建了一个新的空文件，其中包含文本 //TODO: is too subtle.

  1. 您现在需要找到合适的 select 或者单词 TODO，只需将光标放在单词 TODO 的字母之间，然后按 CtrlAltShiftP 或 select Editor: Log Cursor Scope 从 command palette.
  2. 适用于该位置的 selector 从最不具体的顶部到最具体的底部列出，在这种情况下，您需要最具体的 selector底部，继续将其复制到剪贴板。
  3. 接下来需要打开个人风格sheet，可以select先"Edit"然后"Stylesheet..."，也可以选择[=15] =] 来自命令面板。
  4. 滚动到样式的底部sheet 并粘贴到您的 select 或从第 2 步开始，您需要在开头添加一个句点（句号）以使其成为有效select或.
  5. 继续添加您喜欢的样式，例如您的 VIM 样式偏好：
    atom-text-editor::shadow .type.class.todo {
      background-color: yellow;
      color: black;
      font-style: normal;
    }
  1. 最后保存您的样式sheet并切换回您的测试文档以查看生成的更改。

感谢 zypro 指出我的原始答案没有说明 Shadow DOM in recent versions of Atom.

的使用

更新：在某些时候，Atom 摆脱了 Shadow DOM。我正在使用 1.34.0 版，它采用上述样式中的以下条目sheet:

atom-text-editor.editor .syntax--type.syntax--class.syntax--todo {
    background-color: yellow;
    color: black;
    font-style: normal;
}

此外，对于 Python（和其他一些语言），您需要在核心设置中取消选中 "Use Tree Sitter Parsers"。