/*
* 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;
}