Theme language-syntax?


#1

I want to change the color of the TODO language. How do I do that? I’ve tried logging cursor scope, but that doesn’t yield anything helpful.


#2

It helps to open the developer tools ( ctrl+shift+I ) and use the maginifying glass on your desired element.
In your case, i suppose you mean the class a TODO gets by the language-syntax to get highlighted by a syntax theme? If so, it is:
span.storage.type.class.todo

Then you can edit your stylesheet ( atom -> edit -> open your stylesheet) and add for example:

.todo { 
color: rgb(0,255,0)
 }

If you were to create or edit a syntax theme, you might want to be more specific and define .todo in it’s parents scope.
Like:

.storage {
  color: @blue;
  &.todo {
    color: @purple;
    background-color: rgba(255, 255, 0, 0.06);
  }
}

#3

Just to be clear, logging the cursor scopes gets you the same information as opening the Developer Tools. Actually, a little more because logging the scopes shows the enclosing scopes too.