/*

    Name:       Hopscotch
    Author:     Jan T. Sott

    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-hopscotch.CodeMirror {background: #322931; color: #d5d3d5;}
.cm-s-hopscotch div.CodeMirror-selected {background: #433b42 !important;}
.cm-s-hopscotch .CodeMirror-gutters {background: #322931; border-right: 0px;}
.cm-s-hopscotch .CodeMirror-linenumber {color: #797379;}
.cm-s-hopscotch .CodeMirror-cursor {border-left: 1px solid #989498 !important;}

.cm-s-hopscotch span.cm-comment {color: #b33508;}
.cm-s-hopscotch span.cm-atom {color: #c85e7c;}
.cm-s-hopscotch span.cm-number {color: #c85e7c;}

.cm-s-hopscotch span.cm-property, .cm-s-hopscotch span.cm-attribute {color: #8fc13e;}
.cm-s-hopscotch span.cm-keyword {color: #dd464c;}
.cm-s-hopscotch span.cm-string {color: #fdcc59;}

.cm-s-hopscotch span.cm-variable {color: #8fc13e;}
.cm-s-hopscotch span.cm-variable-2 {color: #1290bf;}
.cm-s-hopscotch span.cm-def {color: #fd8b19;}
.cm-s-hopscotch span.cm-error {background: #dd464c; color: #989498;}
.cm-s-hopscotch span.cm-bracket {color: #d5d3d5;}
.cm-s-hopscotch span.cm-tag {color: #dd464c;}
.cm-s-hopscotch span.cm-link {color: #c85e7c;}

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

.side-nav{
  background:#322931;
  color: #c19fbd;
}
.splitter{
  background: #261f25;
}
.splitter2{
  background: #261f25;
}
.footer{
  background-color: #261f25;
  color:#9da5b4;
}
.nav-tabs{
  background-color: #261f25;
}
.nav-tabs > li.active > a{
  background-color: #322931;
  color:#d0d2d4;
  border-left: 2px solid #ff3939;
}
.project-title{
  background-color: #322931;
  color:#9da5b4;
}
.panel-left{
  background: #261f25;
}
.panel-right{
  color:#9da5b4;
  background:#261f25;
}
.side-nav-button-active{
  color:#ff3939;
}
.close:hover::before, .close:hover::after {
  background: #ff3939;
}
.dot{
  background-color: #ff3939;
}
.close::before, .close::after {
  background: #929292;
}
.file-list li a{
  color: #9da5b4;
}
.console{
  color:#fff;
}
#menu > li:hover{
  background-color: #3f313d;
}
.left-settings-panel{
  border-right: 1px solid #ff3939;
}

.menu-active{
  background-color: #3f313d;
}
.theme-container:hover{
  cursor: pointer;
  background-color: #3f313d;
}
.theme-container-active{
  background-color: #3f313d;
}
.about-page {
  color:#abb2bf;
  background-color:#322931;
}