atom-styles.css

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

 atom-text-editor {
	-webkit-font-smoothing: antialiased;
	font-family: "Operator Mono";
	font-size: 15px;
	line-height: 1.7;
 }

 .editor, atom-text-editor::shadow {
   .comment {
	   font-style: italic;
   }
 }

// tab styles
.tab-bar:not([data-reactid])::before, .tab-bar:not([data-reactid])::after {
	display: none;
}
.tinted-tab-bar .tab-bar:not([data-reactid]) {
	background: rgba(0, 0, 0, 0.1) !important;
}
.has-custom-icons .tab-bar:not([data-reactid]) .tab .title[data-path]::before {
	display: none;
}
.tabs-bar tabs-tab .title[data-name$=".scss"], .tab-bar .tab .title {
	top:0 !important;
}

.tab-bar .tab.active {
	min-width: 5rem !important;
}

.tinted-tab-bar .tab-bar:not([data-reactid]) .tab {
	color:rgba(170, 187, 195, 0.8);
}

.tinted-tab-bar .tab-bar:not([data-reactid]) .tab::before {
	background-color:rgba(0, 0, 0, 0.2);
}

.project-root.expanded > .header.list-item {
	//background-color:rgba(0, 0, 0, 0.1) !important;
	height: 40px;
	line-height: 40px !important;
}

.project-root.expanded > .header.list-item span {
	line-height: 40px !important;
}

.project-root.expanded > .header.list-item:before {
	display: none;
}
.tree-view .name.icon.icon-repo::before {
	display: none;
}
atom-panel-container.left .tool-panel  {
	background:rgba(0, 0, 0, 0.1) !important;
}
/*
 * Examples
 * (To see them, uncomment and save)
 */

// style the background color of the tree view
.tree-view {
  padding-left: 0;
  font-size: 13px;
}

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

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