Atom Change Comment Color

This guide will show you how to change the comment color in Atom. Some people might want to make the comments more visible. While others might want to make it less visible and distracting to the code. This default color for the code will vary based on the theme that you have installed. In this example you can see my default comment color is gray.

Changing the font color is easy, you just need to follow the steps below.

  1. In the main navigation menu, go to File > Stylesheets.
    Atom - File Stylessheet
  2. Next we are going to add the following code block. The hex value of #53FFA1 is what color I am changing the comment color too. You can put in any color hex value that you would like here.
    // Change the color of the comments
    atom-text-editor .syntax--comment{

    Atom - Change color of comments code
    3. Save the file.

Now the change for comment color is saved in atom and you see my comment color is now a neon green. If you you do not like this change, you can either update the hex color until you find one that you like, or remove this block of code entirely and it will go back to the natural color for the theme.

What would you like to learn about Atom next? This application has so many features that we could write articles for days! Especially if we were to dive into the plugins! Let me know in the comments below

If you would like to suggest a new article or video to be released, please reach out via the Contact Page. I look forward to hearing your feedback and providing content that is helpful for you!

1 thought on “Atom Change Comment Color”

  1. Nice, thanks.


Leave a Comment