@import "syntax-variables";

atom-text-editor {
	background-color: @syntax-background-color;
	color: @syntax-text-color;

	.wrap-guide {
		background-color: @syntax-wrap-guide-color;
	}

	.indent-guide {
		color: @syntax-indent-guide-color;
	}

	.invisible-character {
		color: @syntax-invisible-character-color;
	}

	.gutter {
		background-color: @syntax-gutter-background-color;
		color: @syntax-gutter-text-color;

		.line-number {
			&.cursor-line, &.cursor-line-no-selection {
				background-color: @syntax-gutter-background-color-selected;
				color: @syntax-gutter-text-color-selected;
			}
		}
	}

	.gutter .line-number.folded,
	.gutter .line-number:after,
	.fold-marker:after {
		color: @light-gray;
	}

	.invisible {
		color: @syntax-text-color;
	}

	.selection .region {
		text-decoration: underline;
		background-color: @syntax-selection-color;
	}
}

.find-and-replace.has-results {
	.editor.mini.is-focused{
		border-color: @light-green;
		box-shadow: 0 0 0 1px @light-green;
	}
}

.find-and-replace.has-no-results {
	.editor.mini.is-focused{
		border-color: @red;
		box-shadow: 0 0 0 1px @red;
	}
}