Styling Atom Text Editor
<p>So i've opened up my <code>Atom</code> stylesheets which is named : <code>styles.less</code> and made some changes so my stylesheet now looks like : </p>

<pre><code>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;
}
</code></pre>

<p>I'm trying to change the colour of the panels at the top and maybe a few other things. Is there anyway I can find out the <code>class</code>/<code>ID</code> names for elements in Atom for me to style?</p>