My Atom stylesheet

stylesheet.css

/*
 * 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%);
  font-family:Fira Code;
  // line-height: 1.3em;
  // letter-spacing: 0.5px;
}

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

.tab-bar {
  height: 2.5em;
  font-family: roboto;
}

.tab-bar .tab {
  height: 2.5em;
  max-width: 15em;
  line-height: 2.5em;
}

.tab-bar .tab::before{
  background: none;
}

.tab-bar .tab::after {
  border-radius: 0 0 0 0;
}

.tab-bar .tab .close-icon {
    height: 2em;
    line-height: 2em;
}

.list-inline .tab-bar .inset-panel{
  height: 2em;
}

My Atom package

├── atom-react-native-autocomplete@0.0.27
├── color-picker@2.2.2
├── emmet@2.4.3
├── file-icons@1.7.19
├── language-javascript-jsx@0.3.7
├── nuclide@0.165.0
├── plantuml-viewer@0.7.0
├── react@0.16.0
├── react-es6-snippets@0.3.0
├── react-es7-snippets@0.3.9
└── react-snippets@0.4.2