Atom Stylesheet

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

.list-group li:not(.list-nested-item).status-modified,
.list-tree li:not(.list-nested-item).status-modified,
.list-group li.list-nested-item.status-modified > .list-item,
.list-tree li.list-nested-item.status-modified > .list-item,
.list-group li:not(.list-nested-item).selected.status-modified,
.list-tree li:not(.list-nested-item).selected.status-modified,
.list-group li.list-nested-item.selected.status-modified > .list-item,
.list-tree li.list-nested-item.selected.status-modified > .list-item {
  color: rgb(132, 178, 240);
}

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

atom-text-editor::shadow {
  .comment {
    color: #5d94c1;
  }

  .variable {
    color: #24CB99;
  }

  .constant {
    color: #B3DD8B;
  }

  .quasi.element {
    color: rgb(218, 200, 77);
  }

  .support.function {
    color: #4BCDDD;
  }

  .punctuation.section.embedded {
    color: #EAAD28;
  }

  // .storage {
  //   color: #d061ce;
  // }
}

// atom-text-editor::shadow .string {
//   color: #02DDAB;
// }
//
// //
// atom-text-editor::shadow .entity.name.tag {
//   color: #A3DA5E;
// }
//
// atom-text-editor::shadow .punctuation.section.embedded {
//   color: #A3DA5E;
// }

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