My custom style modifications to Atom

atom-stylesheet.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
 */

@backgroundColor: hsla(229, 15%, 11%, 1);

// style the background and foreground colors on the atom-text-editor-element itself
atom-text-editor {
  background-color: @backgroundColor
}

atom-text-editor::shadow .invisible-character {
  color: @backgroundColor
}

.script-view {
  max-height: 700px
}

.script-view .panel-body,
.script-view .panel-body pre {
  background-color: #050505
}