dotfiles/atom/styles.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%);
}

// To style other content in the text editor's shadow DOM, use the ::shadow expression
atom-text-editor::shadow .cursor {
  // border-color: red;
}

atom-ternjs-type {
    border: 1px solid rgba(116, 124, 128, 0.9);
    // background: rgba(240, 248, 252, 0.9); // for light themes
    background: rgba(42, 63, 75, 0.9);       // for dark themes
}

.term2 .terminal {
    font-family: Inconsolata, Monaco, Consolas, 'Courier New', Courier;
    -webkit-font-smoothing: none;
    background: rgba(0, 0, 0, 0.9);
}

atom-notifications {
    opacity: 0.7;
}
atom-notifications:hover {
    opacity: 1.0;
}