public/stylesheets/list.less

.list-item-debug {
  color: #859900;
}
.list-item-report {
  color: #8ba786;
}
.list-item-info {
  color: #26d51c;
}
.list-item-notice {
  color: #b58900;
}
.list-item-warning {
  color: #ED9121;
}
.list-item-error {
  color: #dc322f;
}
.list-item-alert {
  color: orangered;
}
.list-item-crit {
  color: #f143cc;
}
.list-item-emerg {
  color: red;
}

.list-section-item {
  border-left: 4px solid transparent;
  border-bottom: 0;
}

.list-section-item_hover {
  border-left: 4px solid;
  border-left-color: #2489cc;
}


.custom-list {
  white-space: pre;
  font-family: monaco,monospace;
  line-height: 16px;
  font-size: 12px;
  margin-bottom: 0;
  margin-right: 0;
  margin-top: 0;
  margin-left: 0;
  padding-bottom: 0;
  padding-right: 0;
  padding-top: 0;
  padding-left: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  border-top-width: 0;
  border-bottom-width: 0;
}

.logtrail-list {
  background-color: black;
}

.logtrail-list .webix_list_item.webix_selected {
  .custom-list;
  background-color: darkslategray;
  border-bottom-width: 0;
}



.logtrail-list .webix_list_item {
  .list-section-item;
  .custom-list;
}

.logtrail-list .webix_list_item:hover {
  .list-section-item_hover
}
