样式原子文本编辑器

Question

所以我打开了我的Atom样式表，其名称为：styles.less并进行了一些更改，因此我的样式表现在看起来像：

tree-view {
  background-color: #101;
}

// style the background and foreground colors on the atom-text-editor-element itself
atom-text-editor {
  color: white;
  background-color: #101;
}

// To style other content in the text editor's shadow DOM, use the ::shadow expression
atom-text-editor::shadow .cursor {
  border-color: red;
}

我试图改变顶部面板的颜色，也许还有其他一些东西。无论如何，我可以找到Atom中元素的class / ID名称，以便我选择风格吗？

Answer 1

一种方法是打开atom的开发人员工具。

在OSX上 - ＆gt; View - Developer - Toggle Developer Tools

您可以在哪里检查元素并找到所需内容。

另见How to make Developer Tools appear?

Answer 2

您可以从菜单中查看StyleGuide＆gt;套餐＆gt; StyleGuide＆gt;显示

或者只需点击，按Ctrl（Command）+ Shift + G， 在那里你会找到所有的类/ ID名称。