Stop Git Highlighting

[meshakeeb]

Hi, I want to disable the GIT highlighting in the treeview. Is that possible.

Thanks in Advance

[glangford]

@spyropress you can edit your stylesheet, see the discussion here:
https://discuss.atom.io/t/how-to-remove-the-colors-from-the-file-tree/9142/17

For Atom 1.2.3, I tested using the following (slightly different from the last suggestion in the discussion):

.tree-view li.list-nested-item[class*='status-'] > .list-item {
    color: #fff !important;
}

.icon-file-text {
  color:#fff !important;
}

[lee-dohm]

Using the stylesheet to modify the colors to not differentiate the various states is the standard way of doing this. Let us know if @glangford's solution doesn't work for you.

[YourPsychiatrist]

This style seems to overwrite the text-color of specific style, howere icons and folders are still in status colors. Since i have no experience with LESS i don't know if it's even supposed to do that, but now it looks like something half way cooked. Using Atom version 1.3.2!

[lee-dohm]

@simurai Could you take a look at this and maybe update the README with info on a quick snippet to drop into your styles.less to disable the Git status colors in the tree view?

[glangford]

This style seems to overwrite the text-color of specific style, howere icons and folders are still in status colors.

@YourPsychiatrist I retested again using 1.4.0, and it still works fine in my environment. After updating and saving styles.less, icons and folders are not in status colors. Not sure about 1.3.2.

[mnquintana]

Hmmm, it seems reasonable to to me to add a setting for Enable VCS Coloring like we have now for the tabs package. (It would default to enabled, though.)

[simurai]

How about this:

// remove Git colors from tree-view
.tree-view {
  .status-modified,
  .status-added,
  .status-renamed,
  .status-removed {
    color: inherit !important; // remove diff color

    &.directory > .list-item {
      color: inherit !important; // remove diff color
    }
    &.directory.selected > .list-item {
      color: @text-color-selected !important; // add selected color
    }
  }
}

it inherits the color, so it should work with any theme.

[AndreaGriffiths11]

@lee-dohm Could you please take a look here.

[lee-dohm]

Since this issue hasn't seen any progress in quite a while, I'm going to close it. The maintainer team isn't going to be working on adding this feature anytime soon but we would be open to a well-crafted PR to implement this. Thanks everyone for your feedback!

[OmgDani]

The code posted in here didn't remove everything and had issues with the atom-material theme so i came up with this.
.tree-view {
.status-modified,
.status-added,
.status-renamed,
.status-removed {
color: inherit !important; // remove diff color

&.directory > .list-item {
  color: inherit !important; // remove diff color
}
&.directory.selected > .list-item {
  color: @text-color-selected !important; // add selected color
}

}
}

.tree-view:focus li.directory.selected.status-added > .list-item::after {
background-color: # !important;
}

.tree-view:focus li:not(.list-nested-item).selected.status-added::before, tree-view:focus li.list-nested-item > .list-item.selected.status-added::before {
background-color: # !important;
}

status-bar .git-view {
visibility: hidden !important;
width: 0 !important;
}