title: Atom editor how to set up transparent background?
body: <p>I'm using atom text editor and trying to customize the UI. I can't find the options for changing opacity in the setting, can anyone tell me what to change on the styles.less file? I don't know much CSS. Here is the styles.less file by default:</p>
  
  <pre><code>// style the background color of the tree view
  .tree-view {
    // background-color: whitesmoke;
  }
  
  // style the background and foreground colors on the atom-text-editor-element itself
  atom-text-editor {
    // color: white;
    // background-color: hsl(180, 24%, 12%);
  }
  
  // style UI elements inside atom-text-editor
  atom-text-editor .cursor {
    // border-color: red;
  }
  </code></pre>