.view[name='code'] > .header {
    background: linear-gradient(to bottom, rgba(18, 19, 22) 0, rgba(18, 19, 22, 0.9) 20%, rgba(18, 19, 22, 0.7) 50%, transparent 100%);
    z-index: 20;
}
.view[name='code'] > .header > .tabs > .items > div:not([time]) {
/* disabled temporarily
.view[name='code'] > .header > .tabs > .button[key='add'] { */
    border: 0.7px solid #434343;
}
.view[name='code'] > .header > .tabs > .items > div:not([time]):not(.active) {
/* disabled temporarily
.view[name='code'] > .header > .tabs > .button[key='add'] { */
    background-color: rgba(37, 37, 37, 0.6);
}
.view[name='code'] > .header > .tabs > .items > div:not([time]).active {
    background-color: rgba(79, 79, 79, 0.6);
}
.view[name='code'] > .header > .tabs > .items > div[time]:not(.active) {
    background-color: rgba(255, 206, 9, 0.3);
    border: 0.7px solid #9e8634;
}
.view[name='code'] > .header > .tabs > .items > div[time].active {
    background-color: rgba(255, 206, 9, 0.5);
    border: 0.7px solid #bda758;
}

/* ace search */
.view[name='code'] > .content > .editor .ace_search {
    background-color: rgba(37, 37, 37, 0.6);
    border: 0.7px solid #434343;
}
.view[name='code'] > .content > .editor .ace_search > .ace_searchbtn_close {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAcCAYAAABRVo5BAAAAZ0lEQVR42u2SUQrAMAhDvazn8OjZBilCkYVVxiis8H4CT0VrAJb4WHT3C5xU2a2IQZXJjiQIRMdkEoJ5Q2yMqpfDIo+XY4k6h+YXOyKqTIj5REaxloNAd0xiKmAtsTHqW8sR2W5f7gCu5nWFUpVjZwAAAABJRU5ErkJggg==) no-repeat 50% 0;
    color: #656565;
}
.view[name='code'] > .content > .editor .ace_search > .ace_searchbtn_close:hover {
    background-color: #656565;
    color: #ffffff;
}
.view[name='code'] > .content > .editor .ace_search > .ace_search_form.ace_nomatch > .ace_search_field {
    border: 2px solid #e62e2e;
}
.view[name='code'] > .content > .editor .ace_search > div > .ace_search_field {
    background-color: rgba(51, 51, 51, 0.7);
    color: #e3e3e3;
}
.view[name='code'] > .content > .editor .ace_search > div > .ace_searchbtn {
    color: #e3e3e3;
}
.view[name='code'] > .content > .editor .ace_search > div > .ace_searchbtn:hover {
    background-color: #e3e3e3;
    color: #121316;
}
.view[name='code'] > .content > .editor .ace_search > div > .ace_button {
    background-color: rgba(51, 51, 51, 0.7);
    color: #e3e3e3;
}
.view[name='code'] > .content > .editor .ace_search > div > .ace_button:hover,
.view[name='code'] > .content > .editor .ace_search > div > .ace_button.checked {
    background-color: #e3e3e3;
    color: #121316;
}