style.less

/*
 * 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 {
  // background-color: whitesmoke;
}

// style the background and foreground colors on the atom-text-editor-element itself
atom-text-editor {
  // color: white;
  // background-color: hsl(180, 24%, 12%);
}

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


// Custom

atom-text-editor,
.tree-view {
    background-color: #1e1e29;
    color: #c1c1c1;
}

.tree-view {
    font-size: 10px;
}
// html tag
.syntax--entity.syntax--name.syntax--tag {
    color: #f91285;
}

// selectores de css clases
.syntax--entity.syntax--other.syntax--attribute-name {
    color: #43d2da;
}

// html clases
.syntax--string {
    color: #8b3be0;
}

// php tags
.syntax--punctuation.syntax--section.syntax--embedded {
    color: #b1b1b1;
}