title: Changing comment colour in Atom editor
body: <p>I would like to change the colour of comments in the Atom editor. From a bit of googling, I found I can put the following in my .atom/styles.less file:</p>
  
  <pre><code>atom-text-editor::shadow .comment {
      color: #ffffaa;
  }
  </code></pre>
  
  <p>That's great - now I have bright yellow comments that demand to be noticed rather than fading into the background. The trouble is that it now looks like the below</p>
  
  <p><a href="https://i.stack.imgur.com/kVe1I.png" rel="noreferrer"><img src="https://i.stack.imgur.com/kVe1I.png" alt="enter image description here"></a></p>
  
  <p>As you can see, the text colour of the comments has changed, but the comment delimiters and links within comments remain in the default almost-invisible-grey, which looks a bit silly.</p>
  
  <p>My questions are (1) how can I change the colour of these items, and more importantly (2) where can I look up how to change the colour of these items? </p>
  
  <p>Please note that I am not a web programmer and know nothing of CSS or any related technologies. I am therefore looking for a fairly step-by-step solution, in contrast to solutions found, for example, in the answers to <a href="https://stackoverflow.com/questions/23963733/syntax-highlighting-guide-for-atom">this question</a>, which assume a substantial amount of background in the inner workings of this stuff.</p>