/*

    Name:       Base16 Default Light
    Author:     Chris Kempson (http://chriskempson.com)

    CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror)
    Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)

*/

.cm-s-base16.CodeMirror { background: #f5f5f5; color: #202020; }
.cm-s-base16 div.CodeMirror-selected { background: #e0e0e0; }
.cm-s-base16 .CodeMirror-line::selection, .cm-s-base16 .CodeMirror-line > span::selection, .cm-s-base16 .CodeMirror-line > span > span::selection { background: #e0e0e0; }
.cm-s-base16 .CodeMirror-line::-moz-selection, .cm-s-base16 .CodeMirror-line > span::-moz-selection, .cm-s-base16 .CodeMirror-line > span > span::-moz-selection { background: #e0e0e0; }
.cm-s-base16 .CodeMirror-gutters { background: #f5f5f5; border-right: 0px; }
.cm-s-base16 .CodeMirror-guttermarker { color: #ac4142; }
.cm-s-base16 .CodeMirror-guttermarker-subtle { color: #b0b0b0; }
.cm-s-base16 .CodeMirror-linenumber { color: #b0b0b0; }
.cm-s-base16 .CodeMirror-cursor { border-left: 1px solid #505050; }

.cm-s-base16 span.cm-comment { color: #8f5536; }
.cm-s-base16 span.cm-atom { color: #aa759f; }
.cm-s-base16 span.cm-number { color: #aa759f; }

.cm-s-base16 span.cm-property, .cm-s-base16 span.cm-attribute { color: #90a959; }
.cm-s-base16 span.cm-keyword { color: #ac4142; }
.cm-s-base16 span.cm-string { color: #f4bf75; }

.cm-s-base16 span.cm-variable { color: #90a959; }
.cm-s-base16 span.cm-variable-2 { color: #6a9fb5; }
.cm-s-base16 span.cm-def { color: #d28445; }
.cm-s-base16 span.cm-bracket { color: #202020; }
.cm-s-base16 span.cm-tag { color: #ac4142; }
.cm-s-base16 span.cm-link { color: #aa759f; }
.cm-s-base16 span.cm-error { background: #ac4142; color: #505050; }

.cm-s-base16 .CodeMirror-activeline-background { background: #DDDCDC; }
.cm-s-base16 .CodeMirror-matchingbracket { color: #f5f5f5 !important; background-color: #6A9FB5 !important}

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

    .cm-s-base16 span.cm-comment { color: #8f5536; }
    .cm-s-base16 span.cm-atom { color: #aa759f; }
    .cm-s-base16 span.cm-number { color: #aa759f; }

    .cm-s-base16 span.cm-property, .cm-s-base16 span.cm-attribute { color: #90a959; }
    .cm-s-base16 span.cm-keyword { color: #ac4142; }
    .cm-s-base16 span.cm-string { color: #f4bf75; }

    .cm-s-base16 span.cm-variable { color: #90a959; }
    .cm-s-base16 span.cm-variable-2 { color: #6a9fb5; }
    .cm-s-base16 span.cm-def { color: #d28445; }
    .cm-s-base16 span.cm-bracket { color: #e0e0e0; }
    .cm-s-base16 span.cm-tag { color: #ac4142; }
    .cm-s-base16 span.cm-link { color: #aa759f; }
    .cm-s-base16 span.cm-error { background: #ac4142; color: #b0b0b0; }

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