Changing the color of modified items in treeview


#1

I’m new to styling in Atom, so please correct me if I’m using the wrong terms.

Currently there’s a bunch of folders and files in my treeview that are highlighted in yellow:

How can I change the color from yelllow to some other color? I have more or less figured out how to change the filename, but the folder icon, name and arrow, I have no clue.

If anyone could post something that might help me, or link me to an existing style that does this, that would be great.


#2

@TobLoef Does this work:

.tree-view .list-item.status-modified .icon {
  &,
  &:before {
    color: red !important;
  }
}

I added !important since some themes/packages might have a stronger selector.