Atom Stylesheet

// Highlight bracket matchers with blue pulsing color
atom-text-editor .bracket-matcher .region {
    border-bottom: 2px solid #528bff;
    &:before {
        content: '';
        bottom: -2px;
        display: block;
        animation: pulse-bracket .5s infinite alternate;
        position: absolute;
        width: 100%;
        height: 2px;
        box-shadow: 0px 0px 10px 2px #528bff;
    }
}
atom-text-editor .selection .region {
	background: #343944;
}
@keyframes pulse-bracket {
    0% {
        opacity: .3;
        transform: scaleY(.5);
    }
    100% {
        opacity: .6;
        transform: scaleY(.8);
    }
}

// Remove git & github icons from footer
status-bar {
    .icon-git-commit {
        // display: none;
        padding: 0 2px;
    }
    .icon-mark-github:before {
        // display: none;
        padding: 0 2px;
    }
}
// Replace three dot icon with 2 dots inside fold markers
.fold-marker {
    position: relative;
    &:before {
        content: '..';
        position: absolute;
        width: 11px;
        height: 11px;
        top: 4px;
        left: 0px;
        font-weight: bold;
        line-height: 14px;
        font-size: 9px;
    }
    &:after {
        opacity: 0 !important;
        pointer-events: none;
    }
}
// Hide  icons on treeview
.tree-view-root {
    .icon-file-text, .icon-file-binary, .icon-book {
        padding-left: 4px;
        &:before {
            display: none;
        }
    }
}
// Hide markdown preview icon
.tab-bar .tab[data-type='MarkdownPreviewView'] {
	max-width: 22em;
	min-width: 7em;
	.title.icon-markdown {
		font-size: 0;
		line-height: 0;
		&:before {
			content: attr(data-name) + ' Preview';
		    font-size: 13.5px;
			line-height: 30px;
			font-family: inherit;
			display: block;
			height: 30px;
			margin: 0 0.66em;
		}
	}
}
// Fix terminal padding
.terminal.xterm {
    padding: 12px 12px !important;
    top: 0;
	::selection {
		color: #0f0 !important;
		background: yellow !important;
	}
}
// Turn everything green on the terminal
.terminal-view-color-elements {
    [data-color-key="foreground"] {
        color: #21c889;
    }
	[data-color-key="cursor"] {
		color: #21c889;
	}
}
// Lower opacity of selection on terminal
.xterm-selection-layer {
	mix-blend-mode: overlay;
}
// Fix terminal scrollbars
.xterm-viewport {
    &::-webkit-scrollbar-thumb  {
        border: 3px solid #282c34;
    }
    &::-webkit-scrollbar-track {
        background: #282c34;
    }
}
// Highlight Selected and Find & Replace styling
atom-text-editor .highlights {
    .highlight.current-result .region.current-result {
        border: none !important;
        box-shadow:
            inset 0 2px #528bff,
            inset 2px 0 #528bff,
            inset -2px 0 #528bff,
            0 2px #528bff !important;
    }
    .highlight.find-result .region.find-result {
        border: none;
        border-radius: 0;
        box-shadow:
            inset 0 2px #528bff,
            inset 2px 0 #528bff,
            inset -2px 0 #528bff,
            0 2px #528bff !important;
    }
    .highlight .region {
        &:after {
            content: '';
            position: absolute;
            display: block;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: #3e4451;
            opacity: 0;
            z-index: 0;
        }
    }
    .highlight-selected.background .region {
        border: none;
        &:after {
            opacity: 1;
        }
    }
}

//
// atom-text-editor atom-text-editor-minimap:not([stand-alone]), html atom-text-editor-minimap:not([stand-alone]) {
//     flex: 0 0 5% !important;
// }
//
// atom-text-editor .gutter[gutter-name="debugger-breakpoint"] {
//     display: none;
// }
// Center line numbers

atom-text-editor .gutter-container {
    // Fixes box shadows on indentation lines
    background: transparent !important;
    .gutter .line-number {
        padding-left: 20px;
    }
	.gutter .line-number:not(.cursor-line) {
		opacity: .5;
	}
}
//
// .gutter-container {
//     padding-left: 0px;
//     .gutter[gutter-name="diagnostics-gutter"] {
//         // background: #f00;
//             // display: none;
//         position: absolute;
//         z-index: 9999;
//         left: 3px;
//         .custom-decorations {
//             // margin-left: 4px;
//             .decoration {
//                 // padding-left: 2px;
//                 width: 14px;
//                 // width: 10px;
//                 .diagnostics-gutter-ui-item {
//                 // width: 10px;
//                     .icon {
//                         padding: 0 2px;
//                     }
//                 }
//             }
//         }
//     }
// }
//
//
atom-text-editor {
	.indent-guide, .invisible-character {
        color: #282c34;
        opacity: .75;
	}
	.cursor-line .indent-guide, .cursor-line .invisible-character {
		color: #454c55;
        opacity: .75;
	}
	.invisible-character.indent-guide {
        box-shadow: inset 1px 0 0 0 rgba(171, 178, 191, 0.15);
	}
	.cursor-line .invisible-character.indent-guide {
		box-shadow: none;
	}
}

atom-text-editor atom-text-editor-minimap:not([stand-alone]), html atom-text-editor-minimap:not([stand-alone]) {
    flex: 0 0 5% !important;
}

atom-panel.bottom {
    border-right: none;
}

.atom-dock-toggle-button.left {
    margin-left: -1px;
}

.atom-dock-toggle-button.right {
    margin-right: -1px;
}

.tabs-layout-overlay {
	background: #a3b0d5;
	&.visible {
		opacity: .025;
	}
}

.tab-bar .tab .close-icon {
	position: absolute;
	// transform: scale(1) !important;
	// transform: scale(1);
    transition-duration: .16s;
	top: .3em !important;
	height: 1.5em;
	font-size: 14px;
	background: transparent !important;
	border-radius: 50% !important;
	// background: #333;
	&:before {
		display: block;
		top: 50%;
		left: 50%;
		line-height: 1.5em;
		font-size: 14px;
	}
	&:hover {
		color: #ec655a;
		color: #fff;
	}
}

.tab-bar .tab.modified .close-icon {
	&:before {
		top: 0;
	    content: "\f081";
		font-size: 13px;
		font-size: 14px;
	}
}

.tab-bar .tab.modified:not(:hover) .close-icon {
	&:before {
		line-height: 1.5em;
		display: block;
	}
}
.tab-bar .tab.modified:hover .close-icon {
	&:before {
		content: "\f052";
		display: block;
		height: 100%;
		line-height: 1.5em;
	}
}

.tab-bar .tab.modified .close-icon:hover {
	&:before {
	    content: "\f081";
		color: #ec655a;
		line-height: 1.5em;
		font-size: 14px;
		color: #fff;
	}
}

.tab-bar .title {
	font-size: 13px;
}