Meu tema personalizado para Atom Editor

/*
 * Your Stylesheet
 *
 * This stylesheet is loaded when Atom starts up and is reloaded automatically
 * when it is changed and saved.
 *
 * Add your own CSS or Less to fully customize Atom.
 * If you are unfamiliar with Less, you can read more about it here:
 * http://lesscss.org
 */


/*
 * Examples
 * (To see them, uncomment and save)
 */

// style the background color of the tree view
.tree-view {
  font-family: 'Stolzl';
}

atom-text-editor {
  font-family: "Gopher";
    font-weight: 300;
}

.syntax--string {
  color: #54c5a2;
}

.syntax--entity.syntax--name.syntax--tag, .syntax--entity.syntax--other.syntax--attribute-name.syntax--class.syntax--css {
    color: #f1378b;
}

.syntax--js {
  
}

.syntax--entity.syntax--other.syntax--attribute-name {
    color: #a152af;
}

.syntax--variable {
    color: #007cff;
}

// style the background and foreground colors on the atom-text-editor-element itself
atom-text-editor {
  font-size: 14px;
  letter-spacing: 1px;
}

span.syntax--punctuation.syntax--definition.syntax--arguments.syntax--begin.syntax--bracket.syntax--round.syntax--php {
    margin: 1px;
}

span.syntax--punctuation.syntax--definition.syntax--arguments.syntax--end.syntax--bracket.syntax--round.syntax--php {
    margin: 1px;
}

// style UI elements inside atom-text-editor
atom-text-editor .cursor {
  // border-color: #ff0066;
}

.syntax--entity.syntax--name.syntax--function {
    color: #007cff;
}