My Atom styles

styles.less

// My Atom <http://atom.io> stylesheet.

// Go ahead, copy this. All I ask in return is
// to see what yours looks like afterwards!

@dark-orange: #FF982D;

@dark-red: #FF1A00;

@light-blue: #A1C7F2;
@dark-blue: #323299;
@navy-blue: #000080;

@charcoal-black: #141517;

@hacker-green: rgb(0, 255, 0);

@translucent-white: rgba(255, 255, 255, .3);
@translucent-green: rgba(0, 255, 0, .3);
@translucent-black: rgba(0, 0, 0, .3);

.tab-bar{
  box-shadow: none;

  .tab{
    &.modified{
      .title{
        color: @dark-orange;
      }
    }

    .title{
      color: @light-blue;
    }
  }
}

atom-text-editor .cursor {
  background: @translucent-green;
  border: 1px solid @hacker-green !important;
}

atom-text-editor .scroll-view{
  padding-left: 5px;
}

atom-text-editor{
  background: @charcoal-black !important;
}

.editor .line-number{
  &.cursor-line{
    color: @hacker-green;
  }

  background-color: @translucent-black;
}

atom-text-editor .text{
  &.plain{
    color: @hacker-green;
  }
}

.highlight.selection .region{
  background: @translucent-green;
}

.editor-contents, .line-numbers{
  background: @charcoal-black !important;
}

// TODO add dank memes