/*
 * Dark theme, not yet the 'complete set' of things you can configure...
 */

.dark {
	color: #dddddd;
	/* TODO make font size configurable */
	/*	font-size: 12pt; */
}

/* Text in the editor */

.dark .token_string {
	color: #dddd00;
}
/* html uses token string with a hyphen, DOH */
.dark .token-string {
	color: #b58900; /* solarize yellow */ /*dddd00;*/
}

/* html:entity-name-tag eg. <html>*/
.dark .entity-name-tag {
	color: #6c71c4; /* solarize violet */
}

.dark .entity-other-attribute-name {
	color: #2aa198; /* solarize cyan */
	/*
	color: #cb4b16; /* solarize orange 
	color: #859900; /* solarize green 
	*/
}

.dark .token_keyword {
	color: #b58900;
}

.dark .token_doc_comment {
	color: #00bbdd;
}

.dark .token_multiline_comment {
	color: #00bb22;
}

.dark .token_singleline_comment {
	color: #00bb22;
}

/* Around the editor */

/* Colour of that box in the bottom right when both scrollbars are open */
.dark ::-webkit-scrollbar-corner {
	background-color: rgb(61,61,61);/*rgb(33,33,33);*/
}
.dark.textviewContainer {
	background-color: rgb(61,61,61);/*rgb(43,43,43);*/
}

.dark .textview {
	background-color: rgb(43,43,43);
}

.dark .line_caret {
	background-color: #fefefe;
}

.dark .ruler {
	color: rgb(230,225,220);
	background-color: rgb(61,61,61);
}

.dark .ruler.annotations {
	border-right: 0px;
}

.dark .textviewLeftRuler {
	border-right:1px solid rgb(77,77,77);
	border-radius: 0px;
	z-index:999;
	
	-webkit-box-shadow: 1px 0 1px #202020;
	
}

#side_panel.dark {
	background-color:#202020;
}

.dark .textviewRightRuler {
	border-left:1px solid rgb(77,77,77);
	border-radius: 0px;
}
.dark .ruler.lines {
	border-right:2px solid rgb(61,61,61);
	background-color: rgb(61,61,61);
}

.dark .rulerLines {
	color: #dddddd;	
	background-color: rgb(61,61,61);
}

.dark .annotationLine.currentLine {
	background-color: rgb(53,53,53);
}

.dark .annotationRange.task {
	color: magenta;
}

.dark .annotationRange.matchingSearch {
	background-color: #3030A0;
}

.dark .annotationRange.currentSearch {
	background-color: #6060ff;
}

.dark .annotationRange.markOccurrences {
	outline: 1px Cyan dotted;
}