/*.cm-s-maple-dark.CodeMirror { background: #151515; color: #e0e0e0; }*/

:root[color-theme="dark"] {
	--cm-comment: #989898;
	--cm-literal: #d19a66;
	--cm-string: #e8cb95;
	--cm-variable: #98c379;
	--cm-variable-2: #56b6c2;
	--cm-keyword: #e06c75;
	--cm-def: #61afef;

	--cm-selection: #303030;
}

:root[color-theme="light"] {
	--cm-comment: #989898;
	--cm-literal: #865527;
	--cm-string: #DF6D00;
	--cm-variable: #00A742;
	--cm-variable-2: #00A3B4;
	--cm-keyword: #D91E29;
	--cm-def: #3879FF;

	--cm-selection: #e0e0e0;
}

.cm-s-maple-dark.CodeMirror {
	color: var(--fg-color);
	background: var(--bg-color);
}

.cm-s-maple-dark div.CodeMirror-selected { background: var(--cm-selection); }
.cm-s-maple-dark .CodeMirror-line::selection,
.cm-s-maple-dark .CodeMirror-line > span::selection,
.cm-s-maple-dark .CodeMirror-line > span > span::selection { background: rgba(48, 48, 48, .99); }
.cm-s-maple-dark .CodeMirror-line::-moz-selection,
.cm-s-maple-dark .CodeMirror-line > span::-moz-selection,
.cm-s-maple-dark .CodeMirror-line > span > span::-moz-selection { background: rgba(48, 48, 48, .99); }
.cm-s-maple-dark .CodeMirror-gutters { background: #151515; border-right: 0px; }
.cm-s-maple-dark .CodeMirror-guttermarker { color: #ac4142; }
.cm-s-maple-dark .CodeMirror-guttermarker-subtle { color: #505050; }
.cm-s-maple-dark .CodeMirror-linenumber { color: #505050; }
.cm-s-maple-dark .CodeMirror-cursor { border-left: 1px solid #b0b0b0; }
.cm-s-maple-dark.cm-fat-cursor .CodeMirror-cursor { background-color: #8e8d8875 !important; }
.cm-s-maple-dark .cm-animate-fat-cursor { background-color: #8e8d8875 !important; }

.cm-s-maple-dark span.cm-comment { color: var(--cm-comment); }
.cm-s-maple-dark span.cm-bracket { color: var(--cm-comment); }
.cm-s-maple-dark span.cm-atom,
.cm-s-maple-dark span.cm-string-2,
.cm-s-maple-dark span.cm-number { color: var(--cm-literal); }

.cm-s-maple-dark span.cm-property,
.cm-s-maple-dark span.cm-attribute,
.cm-s-maple-dark span.cm-variable { color: var(--cm-variable); }
.cm-s-maple-dark span.cm-keyword,
.cm-s-maple-dark span.cm-tag { color: var(--cm-keyword); }
.cm-s-maple-dark span.cm-string { color: var(--cm-string); }

.cm-s-maple-dark span.cm-variable-2 { color: var(--cm-variable-2); }
.cm-s-maple-dark span.cm-def { color: var(--cm-def); }


.cm-s-maple-dark span.cm-link { color: #aa759f; }
.cm-s-maple-dark span.cm-error { background: #e06c75; color: #303030; }

.cm-s-maple-dark .CodeMirror-activeline-background { background: #202020; }
.cm-s-maple-dark .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; }