.ace-tm .ace_gutter{
	background-color:darken(white, 3%) !important;
	color:gray;
}

.ace-tm .ace_gutter-active-line{
	background-color:map-get($theme-colors, primary) !important;
	color:white;
}

.ace-tm{
	background-color:white !important;
	color:#535353;

	& .ace_meta.ace_tag{
		// General tag punctuation, not the name
		color:#0037ff !important;
	}

	& .ace_meta.ace_tag-name{
		// Name of an element, in between tag
		color:#0037ff !important;
	}

	& .ace_entity.ace_attribute-name{
		// Name of an element attribute, in between tag
		color:red !important;
	}

	& .ace_entity.ace_attribute-equals{
		// Equal sign from an HTML attribute
		color:purple !important;
	}

	& .ace_entity.ace_attribute-value{
		// Equal sign from an HTML attribute
		color:#ff00a5 !important;
	}

	& .ace_string{
		color:#ff00a5;
	}

	& .ace_keyword{
		color:#ff2400;
	}

	& .ace_variable{
		color:#ff00f7;
	}

	& .ace_support.ace_function{
		color:#dd9107;
	}

	& .ace_constant.ace_numeric{
		color:#FF73FD;
	}

	& .ace_constant.ace_language{
		color:#99CC99;
	}

	& .ace_marker-layer .ace_selection{
		// Color of the selection
		background-color:rgba(blue, 0.12);
	}

	& .ace_marker-layer .ace_selected-word{
		background-color:transparent;
		border-bottom:1px solid #A8FF60;
	}

	& .ace_marker-layer .ace_active-line{
		background-color:rgba(255,255,255, 0.07);
	}

	& .ace_cursor{
		// Cursor carot
		color:rgb(60,60,60);
	}
}