Skip to content

Instantly share code, notes, and snippets.

@TrevorSayre
Last active Apr 16, 2017
Embed
What would you like to do?
Atom custom style to add git file status icons to tree-view
// This was created while using the Seti theme
// Adjust to your taste
// Default
// @left: 0; @top: 0;
// Left
@left: 0.7em; @top: 0.6em;
// Right
// @left: 2.4em; @top: 0.6em;
.tree-view {
li {
position: relative;
}
[class^='status-']::before,
[class*=' status-']::before {
-webkit-font-smoothing: antialiased;
font-family: 'Octicons Regular';
font-size: 10px;
left: @left;
line-height: 2.5;
top: @top;
z-index: 1;
}
.directory::before {
left: @left + 2;
}
.status-added::before {
color: fade(green, 50%);
content: '\f06b';
}
.status-ignored::before {
color: fade(gray, 50%);
content: '\f099';
}
.status-modified::before {
color: fade(yellow, 50%);
content: '\f06d';
}
.status-removed::before {
color: fade(red, 50%);
content: '\f06c';
}
.status-renamed::before {
color: fade(orange, 50%);
content: '\f06e';
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment