/*

    Name:       stochsd-dynamic-mode
    Author:     Magnus Gustafsson

    special made color scheme for stochsd code 

*/

/* Set height, width, borders, and global font properties here */  
.cm-s-stochsdtheme.CodeMirror {
    border: 2px solid gray;
    width: 100%; 
    font-size: 14px;
}

.cm-s-stochsdtheme.CodeMirror-focused {
    border-color: black;
}

/* .cm-s-stochsdtheme .CodeMirror-gutters { color: #282a36; } */
.cm-functioncall { color: hsl(30deg, 50%, 40%); font-weight: bold; }
.cm-comment { color: hsl(0deg, 0%, 50%) !important; font-style: italic; }
.cm-string { color: hsl(300deg, 50%, 40%); }
.cm-number { color: black; font-weight: normal; }
.cm-normal {color: black; font-weight: normal; }
.cm-primitive { --color: black; color: var(--color); font-weight: bold; }
.cm-primitive.cm-silver { --color: silver; font-weight: bold; }
.cm-primitive.cm-red { --color: red; font-weight: bold; }
.cm-primitive.cm-deeppink { --color: deeppink; font-weight: bold; }
.cm-primitive.cm-brown { --color: brown; font-weight: bold; }
.cm-primitive.cm-orange { --color: orange; font-weight: bold; }
.cm-primitive.cm-gold { --color: gold; font-weight: bold; }
.cm-primitive.cm-olive { --color: olive; font-weight: bold; }
.cm-primitive.cm-green { --color: green; font-weight: bold; }
.cm-primitive.cm-teal { --color: teal; font-weight: bold; }
.cm-primitive.cm-blue { --color: blue; font-weight: bold; }
.cm-primitive.cm-magenta { --color: magenta; font-weight: bold; }
/* For searching for primitives */
.cm-primitive mark { background-color: var(--color); color: white; }

/* Theme for converters */
.cm-point { 
    box-sizing: border-box;
    border: 2px solid #ddd;
    color: #123;
    border-radius: 0.25em;
}
/* .cm-x { color: hsl(184, 100%, 31%); font-weight: bold; }
.cm-y { color: hsl(295, 100%, 35%); font-weight: bold; } */

div.CodeMirror span.CodeMirror-matchingbracket { color: black; background-color: hsl(0, 0%, 90%); font-weight: bold; }
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: hsl(0, 100%, 20%); background-color: hsl(0, 100%, 90%); font-weight: bold; }
  

  /*
  .cm-s-stochsd-dynamic-mode .CodeMirror-gutters { color: #282a36; }
  .cm-s-stochsd-dynamic-mode .CodeMirror-cursor { border-left: solid thin #f8f8f0; }
  .cm-s-stochsd-dynamic-mode .CodeMirror-linenumber { color: #6D8A88; }
  .cm-s-stochsd-dynamic-mode .CodeMirror-selected { background: rgba(255, 255, 255, 0.10); }
  .cm-s-stochsd-dynamic-mode .CodeMirror-line::selection, .cm-s-stochsd-dynamic-mode .CodeMirror-line > span::selection, .cm-s-stochsd-dynamic-mode .CodeMirror-line > span > span::selection { background: rgba(255, 255, 255, 0.10); }
  .cm-s-stochsd-dynamic-mode .CodeMirror-line::-moz-selection, .cm-s-stochsd-dynamic-mode .CodeMirror-line > span::-moz-selection, .cm-s-stochsd-dynamic-mode .CodeMirror-line > span > span::-moz-selection { background: rgba(255, 255, 255, 0.10); }
  .cm-s-stochsd-dynamic-mode span.cm-comment { color: #6272a4; }
  .cm-s-stochsd-dynamic-mode span.cm-string, .cm-s-stochsd-dynamic-mode span.cm-string-2 { color: #f1fa8c; }
  .cm-s-stochsd-dynamic-mode span.cm-number { color: #bd93f9; }
  .cm-s-stochsd-dynamic-mode span.cm-variable { color: #50fa7b; }
  .cm-s-stochsd-dynamic-mode span.cm-variable-2 { color: white; }
  .cm-s-stochsd-dynamic-mode span.cm-def { color: #50fa7b; }
  .cm-s-stochsd-dynamic-mode span.cm-operator { color: #ff79c6; }
  .cm-s-stochsd-dynamic-mode span.cm-keyword { color: #ff79c6; }
  .cm-s-stochsd-dynamic-mode span.cm-atom { color: #bd93f9; }
  .cm-s-stochsd-dynamic-mode span.cm-meta { color: #f8f8f2; }
  .cm-s-stochsd-dynamic-mode span.cm-tag { color: #ff79c6; }
  .cm-s-stochsd-dynamic-mode span.cm-attribute { color: #50fa7b; }
  .cm-s-stochsd-dynamic-mode span.cm-qualifier { color: #50fa7b; }
  .cm-s-stochsd-dynamic-mode span.cm-property { color: #66d9ef; }
  .cm-s-stochsd-dynamic-mode span.cm-builtin { color: #50fa7b; }
  .cm-s-stochsd-dynamic-mode span.cm-variable-3, .cm-s-stochsd-dynamic-mode span.cm-type { color: #ffb86c; }
  
  .cm-s-stochsd-dynamic-mode .CodeMirror-activeline-background { background: rgba(255,255,255,0.1); }
  .cm-s-stochsd-dynamic-mode .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; }
  */