Skip to content
This repository has been archived by the owner on Aug 25, 2018. It is now read-only.

Tree view icons color #40

Closed
matheusssilva opened this issue Oct 2, 2015 · 4 comments
Closed

Tree view icons color #40

matheusssilva opened this issue Oct 2, 2015 · 4 comments

Comments

@matheusssilva
Copy link

How to change the icons' color on tree view. For me it's green/yellow.
I want the same as the example images.

@simurai
Copy link
Contributor

simurai commented Oct 3, 2015

By "example images", do you mean like the screenshots:

screen shot 2015-10-03 at 2 28 23 pm

The icons are:

  • darkish by default
  • green when a new file got added
  • yellow when a file got changed

If you want them to stay dark all the time, you could override it in your styles.less file:

.tree-view .icon::before {
  color: #282929;
}

@matheusssilva
Copy link
Author

This is my color's:
captura de tela de 2015-10-03 13 13 41
But, I want like your. That is, I want to change from green to gray, like your.
The rules for yellow should remain

This is my styles.less:

  • Your Stylesheet
    *
  • This stylesheet is loaded when Atom starts up and is reloaded automatically
  • when it is changed and saved.
    *
  • Add your own CSS or Less to fully customize Atom.
  • If you are unfamiliar with Less, you can read more about it here:
  • http://lesscss.org
    */

/*

  • Examples
  • (To see them, uncomment and save)
    */

// style the background color of the tree view
.tree-view {
// background-color: whitesmoke;
}

// style the background and foreground colors on the atom-text-editor-element itself
atom-text-editor {
// color: white;
// background-color: hsl(180, 24%, 12%);
}

// To style other content in the text editor's shadow DOM, use the ::shadow expression
atom-text-editor::shadow .cursor {
// border-color: red;
}

@thomasjo
Copy link
Contributor

thomasjo commented Oct 3, 2015

You are seeing those green entries because they have not yet been staged and committed to your git repository. Either delete the .git folder if you don't want to version control your code, or stage and commit all those new (green) files.

@thomasjo thomasjo closed this as completed Oct 3, 2015
@matheusssilva
Copy link
Author

The solution for my problem is:

status-added{ /Modifica cor de arquivos criados/
color: #575555 !important;
}

.status-modified{ /Modifica cor de arquivos modificados/
color: #de4040 !important;
}

.list-tree li.list-nested-item[class_='status-modified'] > .list-item {
/_Modifica cor de pastas modificadas*/
color: #de4040 !important;
}

.list-tree li.list-nested-item[class_='status-added'] > .list-item {
/_Modifica cor de pastas adicionadas*/
color: #575555 !important;
}

The result is:

captura de tela de 2015-10-04 11 44 29

Thanks you all

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

3 participants