/ dot-atom / styles.less
styles.less
 1  /*
 2   * Your Stylesheet
 3   *
 4   * This stylesheet is loaded when Atom starts up and is reloaded automatically
 5   * when it is changed and saved.
 6   *
 7   * Add your own CSS or Less to fully customize Atom.
 8   * If you are unfamiliar with Less, you can read more about it here:
 9   * http://lesscss.org
10   */
11  
12  
13  /*
14   * Examples
15   * (To see them, uncomment and save)
16   */
17  
18  // style the background color of the tree view
19  .tree-view {
20    // background-color: whitesmoke;
21  }
22  
23  // style the background and foreground colors on the atom-text-editor-element itself
24  atom-text-editor {
25    // color: white;
26    // background-color: hsl(180, 24%, 12%);
27  }
28  
29  // style UI elements inside atom-text-editor
30  atom-text-editor .cursor {
31    // border-color: red;
32  }