.view[name='tree']:not([time]) {
    background-color: rgba(37, 37, 37, 0.6);
    border: 0.7px solid #434343;
}
.view[name='tree'][time] {
    background-color: rgba(255, 206, 9, 0.3);
    border: 0.7px solid #9e8634;
}
.view[name='tree']:not([time]) > .header {
    background: linear-gradient(to bottom, rgba(30, 30, 31) 0, rgba(30, 30, 31, 0.9) 20%, rgba(30, 30, 31, 0.7) 50%, transparent 100%);
}
.view[name='tree'][time] > .header {
    background: linear-gradient(to bottom, rgba(94, 79, 29) 0, rgba(94, 79, 29, 0.9) 20%, rgba(94, 79, 29, 0.7) 50%, transparent 100%);
}
.view[name='tree']:not([time]) > .content > .directory .file {
    color: #a4a4a4;
}
.view[name='tree'][time] > .content > .directory .file {
    color: #cab369;
}
.view[name='tree'] > .content > .directory .directory[p],
.view[name='tree'] > .content > .directory .file[p] {
    background-color: rgba(148, 148, 148, 0.14);
}
.view[name='tree'] > .footer {
    background-color: rgba(49, 49, 49, 0.6);
}
.view[name='tree'] > .footer > .uploaders > div > .progress {
    background-color: #e3e3e3;
}