/*
  Name:       material
  Author:     Mattia Astorino (http://github.com/equinusocio)
  Website:    https://material-theme.site/
  Changes: This material dark theme will work only if a parent has the class
  "twrpb-codemirror-material-dark".
*/

.twrpb-codemirror-material-dark {
	.cm-s-material-darker.CodeMirror {
		color: #eff;
		background-color: #212121;
	}

	.cm-s-material-darker .CodeMirror-gutters {
		color: #545454;
		background: #212121;
		border: none;
	}

	.cm-s-material-darker .CodeMirror-guttermarker,
	.cm-s-material-darker .CodeMirror-guttermarker-subtle,
	.cm-s-material-darker .CodeMirror-linenumber {
		color: #545454;
	}

	.cm-s-material-darker .CodeMirror-cursor {
		border-left: 1px solid #fc0;
	}

	.cm-s-material-darker div.CodeMirror-selected {
		background: rgba(97, 97, 97, 0.2);
	}

	.cm-s-material-darker.CodeMirror-focused div.CodeMirror-selected {
		background: rgba(97, 97, 97, 0.2);
	}

	.cm-s-material-darker .CodeMirror-line::selection,
	.cm-s-material-darker .CodeMirror-line > span::selection,
	.cm-s-material-darker .CodeMirror-line > span > span::selection {
		background: rgba(128, 203, 196, 0.2);
	}

	.cm-s-material-darker .CodeMirror-line::-moz-selection,
	.cm-s-material-darker .CodeMirror-line > span::-moz-selection,
	.cm-s-material-darker .CodeMirror-line > span > span::-moz-selection {
		background: rgba(128, 203, 196, 0.2);
	}

	.cm-s-material-darker .CodeMirror-activeline-background {
		background: rgba(0, 0, 0, 0.5);
	}

	.cm-s-material-darker .cm-keyword {
		color: #c792ea;
	}

	.cm-s-material-darker .cm-operator {
		color: #89ddff;
	}

	.cm-s-material-darker .cm-variable-2 {
		color: #eff;
	}

	.cm-s-material-darker .cm-builtin {
		color: #ffcb6b;
	}

	.cm-s-material-darker .cm-atom {
		color: #f78c6c;
	}

	.cm-s-material-darker .cm-number {
		color: #ff5370;
	}

	.cm-s-material-darker .cm-def {
		color: #82aaff;
	}

	.cm-s-material-darker .cm-string {
		color: #c3e88d;
	}

	.cm-s-material-darker .cm-string-2 {
		color: #f07178;
	}

	.cm-s-material-darker .cm-comment {
		color: #545454;
	}

	.cm-s-material-darker .cm-variable {
		color: #f07178;
	}

	.cm-s-material-darker .cm-tag {
		color: #ff5370;
	}

	.cm-s-material-darker .cm-meta {
		color: #ffcb6b;
	}

	.cm-s-material-darker .cm-attribute {
		color: #c792ea;
	}

	.cm-s-material-darker .cm-property {
		color: #c792ea;
	}

	.cm-s-material-darker .cm-qualifier {
		color: #decb6b;
	}

	.cm-s-material-darker .cm-variable-3,
	.cm-s-material-darker .cm-type {
		color: #decb6b;
	}

	.cm-s-material-darker .cm-error {
		color: rgba(255, 255, 255, 1);
		background-color: #ff5370;
	}

	.cm-s-material-darker .CodeMirror-matchingbracket {
		color: white !important;
		text-decoration: underline;
	}
}