Stylable items by @tag about atom-tasks

[irrationalistic]

Thanks!

This is a pretty cool idea. You can sort of get some of this working right now as I am already adding the tag name as a class name to the element that contains the tag, so it'll only colorize @urgent instead of the whole line. The tough part will be adding the classes to the entire line that contains the tags instead of targeting only the specific tag part.

Try this in your atom stylesheet (found under settings/themes via link at top)

atom-text-editor::shadow, atom-text-editor {
  .source.todo {
    .attribute.urgent &{
      color: red;
    }
  }
}

I'll have to see if there's a good way to better control where the classes go in the grammar output.

[irrationalistic]

I don't know if this is going to be possible with the current codebase because of the way scopes are handled in the final html output of the editor! I am slowly working on an alternative version that may or may not be successful where I'd be rendering my own view and would have complete control over the html output. In this case, I'd have control over the classes on each line and that would give you the ability to style just about anything. It's a bit far-off though!

[willfanguy]

Is it possible to add additional tags to the list of those that are colorized (i.e. @timestamp, @done, @project)? I've searched around and can't find out how to do that. Thanks!

[irrationalistic]

@willfanguy: are you hoping to change the color of those tags specifically? They should already be highlighted with a specific default color that you can override in your own stylesheet!