Atom styles

/*
* 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;
font-size: 17px;
font-family: Consolas;
font-weight: bold;
.list-tree li .list-item {
.icon {
&[data-name$=”.js”] {
color: #3BFF37;
}
&[data-name$=”.scss”],
&[data-name$=”.css”] {
color: #FFFC0D;
}
}
.icon-file-directory {
color: #f3f3f3;
}
}
}

// style the background and foreground colors on the atom-text-editor-element itself
atom-text-editor {
// color: white;
// background-color: hsl(180, 24%, 12%);
// font-weight: bold;
font-family: Consolas;
&.editor .bracket-matcher .region {
border-bottom: 1px solid #de9536;
background-color: #FF0000;
opacity: 0.8;
}
.fold-marker::after {
font-size: 1em;
}
}

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

Published by