Atom Tree-View with colored icons, color depending on tree level

atom-tree-view-colored-icons

.tree-view {
    background-image: url("");

    li.directory {
        .header {
            .icon:before {

                color: #337ab7;
            }
        }
    }
    li.directory li.directory {
        .header {
            .icon:before {
                color: #090;
            }
        }
    }
    li.directory li.directory li.directory {
        .header {
            .icon:before {
                color: darkorange;
            }
        }
    }
    li.directory li.directory li.directory li.directory {
        .header {
            .icon:before {
                color: black;
            }
        }
    }
    li.file.entry {
        .icon {

            color: blue;
        }
    }
    .selected:before {
        background-color: gray !important;
    }
}