some personal style settings for Atom that do some fun stuff

atom-styles.less

/* your personal stylesheet */
atom-text-editor {
  /* comments are white on green */
  .syntax--definition.syntax--comment,
  .syntax--comment.syntax--line,
  .syntax--comment.syntax--block {
    background-color: green;
    color: white;
  }

  /* also provide a bit more padding, and coolio border-radius */
  .syntax--comment.syntax--line,
  .syntax--comment.syntax--block {
    padding-left: 0.5em;
    padding-right: 0.5em;
    border-radius: 0.25em;
  }

  /* double visual width of indentation */
  .leading-whitespace, .trailing-whitespace {
    letter-spacing: 0.5em;
  }

  /* make names of defined functions bigger */
  .syntax--meta.syntax--function .syntax--entity.syntax--name.syntax--function {
    font-size: 130%;
  }

  /* make class names bigger */
  .syntax--meta.syntax--class .syntax--entity.syntax--name.syntax--type.syntax--class {
    font-size: 130%;
  }
}