在Atom文本编辑器中更改隐藏字符的颜色

Question

出于某种原因，将样式添加到我的style.less文件似乎不会影响我的编辑器。我正在尝试改变隐藏角色的颜色。如果我在style.less文件中使用此代码：

atom-text-editor .invisible-character, :host .invisible-character {
  color: purple;
}

我没有得到颜色。如果我签入开发人员工具，则会显示此样式

atom-text-editor .invisible-character, :host .invisible-character {
  color: rgba(171, 178, 191, 0.15);
}

我没有在开发工具中看到我的样式。我只是不知道如何让我的风格适用。我也找不到显示它的文档。有谁知道如何做到这一点？我正在运行Atom 1.2.7

Answer 1

您必须在shadow DOM的上下文中修改它。

atom-text-editor::shadow .invisible-character {
    color: purple;
}

现在，至少。在Atom 1.13中，它们是removing the shadow DOM，此时你应该可以使用常规选择器来完成它。

/* Atom 1.13 or later */
atom-text-editor .invisible-character {
    color: purple;
}