my atom.io stylesheet for Seti-Themed Setting dialog, with various usbility enhancements.

styles.less

.editor {

  .invisible-character {

    opacity: 0.2;

  }

  .entity.name.type {

    text-decoration: inherit;
    font-weight : bold;

  }

  .indent-guide {

    opacity: .3;

  }
}

.scrollbars-visible-always ::-webkit-scrollbar-thumb {

    border-radius: 0px;

}

.list-item, .list-group .selected:before, .list-tree .selected:before {

    line-height: 18px ;
    height: 18px ;

}

.tab-bar:empty {
  display: none;
}

.bracket-matcher {

  border-left: 1px solid lightblue;
  border-right: 1px solid lightblue;
  border-bottom: 0px;
  position: absolute;

}

.settings-view .panels {
    background-color: #1A1C1D;
}

.settings-view .config-menu {
    background-color: #292C2F;
}

.settings-view .settings-panel label {
    color: #c5c8c6;
}

.settings-view .section .section-heading:first-child {
    color: #96CBFE;
}

.settings-view .config-menu .nav > li > a {
    color: #c5c8c6;
}
.settings-view .text{
    color: #96CBFE;
}
.settings-view .form-control{
    background-color: #cccccc;
}


.settings-view .editor-container .editor.mini, .settings-view .editor-container .editor.mini.is-focused {
    color: #1D0808;
    background-color: #262b30;
}