Tree view icons color
Closed this issue · 4 comments
How to change the icons' color on tree view. For me it's green/yellow.
I want the same as the example images.
This is my color's:
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;
}
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.
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:
Thanks you all