atom css

gistfile1.txt

// /*
//  * 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
// */

.tree-view {
	background-color: rgba(0, 0, 0, 0.1);
	font-size: 80%;
}
.tab-bar .tab {
	height: 20px;
}
.tab-bar .title {
	line-height: 20px;
}
.close-icon {
	top: 0px!important;
}
.vertical .tab-bar .tab.active {
	box-shadow: inset 0px 0px 55px rgba(255,255,255,0.15) !important;
}
.placeholder {
	height: 10px!important;
}

.highlights .bracket-matcher .region {
	border: 0;
}

// Testing soft wrap and I need this text to be long enough to be soft wrapped because text needs to be longer than the soft wrap length
.soft-wrap-indicator:focus {
	color: #b299b8;
}
.soft-wrap-indicator:focus.lit {
	color: #dfd5e2;
}

.wrap-guide {
	display: none !important;
}

atom-pain-container, atom-pane-axis, .pane, .pane > .tab-bar {
	transition: flex 0.5s;
	transition-timing-function: ease-out;
}

.app[data-v-0b0fc821] {
	background-color: rgb(47, 0, 61);
}

/**
*
* Theme debugging and experiments
*
*/


.syntax--language, .syntax--support {
	color: rgb(255, 214, 0);
}

.tool-panel.tree-view:before {
	display: none
}

.panes > atom-pane-axis, .panes > atom-pane {
	flex-grow: 1 !important
}

atom-text-editor{
	transition: opacity 2s;
}

// .folded requires fold-line package
atom-text-editor.editor .folded {
	//animation: foldWave 1s infinite alternate;
	background: linear-gradient(to top, #5e007e, #2E0038);
	background-size: 100% 300%;
	box-shadow: inset 0 -1px 0 #5e007e;
	border: 0 !important;
}
.fold-marker:after {
	color: rgb(195, 0, 255) !important;
	text-shadow: 0 0 9px white;
}

@keyframes foldWave {
	0% {
		background-position-y: 0%;
	}
	100% {
		background-position-y: 100%;
	}
}

atom-text-editor .highlights .highlight-selected .region {
	//box-shadow: inset 1px 1px 10px red;
	animation: highlightGlow 1s infinite alternate;
}

@keyframes highlightGlow {
	from {
		box-shadow: inset 0 0 0px #00c9ff;
	}
	to {
		box-shadow: inset 0 0 10px #00c9ff;
	}
}

@keyframes findGlow {
	from {
		box-shadow: inset 0 0 0px #d867ff;
	}
	to {
		box-shadow: inset 0 0 10px #d867ff;
	}
}

atom-text-editor .find-result .region {
	animation: findGlow 1s infinite alternate;
}

.highlight.datatip-highlight-region .region{
	background-color: transparent !important;
}