如何更改 Atom 编辑器注释标记的颜色？

Question

我可以通过

更改评论内容的颜色

atom-text-editor::shadow .comment {
  color: #E4F4FD;
}

但评论标记的颜色保持不变：

如何更改评论标记的颜色？

Answer 1

如果您将光标紧靠在要设置样式的字符左侧，然后按 Ctrl-Alt-Shift-P 该字符的所有范围将显示在信息框中：

然后您可以将其纳入您的风格sheet，就像您对评论正文所做的那样：

atom-text-editor::shadow {
  .comment {
    color: #E4F4FD;
  }

  .punctuation.definition.comment {
    color: #E4F4FD;
  }
}

因为它是 LESS，所以可以嵌套类这将使您的样式 sheet 更简洁。

Answer 2

在 Windows10 上使用 ATOM 版本 1.58.0，我收到了折旧警告。简短版本是：

从 Atom v1.13.0 开始，atom-text-editor 元素的内容不再封装在阴影 DOM 边界内。这意味着您应该停止使用 :host 和 ::shadow 伪选择器，并在所有语法选择器前加上语法 --.

我必须使用：

// Change the color of the comments
atom-text-editor .syntax--comment{ color:#9DA5B3; }
atom-text-editor .syntax--punctuation.syntax--definition.syntax--comment{ color:#9DA5B3; }

如何更改 Atom 编辑器注释标记的颜色？

How to change color of comment marker for Atom editor?

customization

syntax-highlighting

editor

less

atom-editor