样式原子文本编辑器

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上 - > View - Developer - Toggle Developer Tools

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

另请参阅如何显示开发人员工具？

Answer 2

您可以从菜单 > Packages > StyleGuide > show 查看 StyleGuide

或者只需单击 Ctrl(Command) + Shift + G ，您将在其中找到所有类/ID 名称。