@import "own__base.css";

@media (prefers-color-scheme: dark) {

  :root {
    color-scheme: light dark; /* both supported */
  }

  a:link    { color:white;    }
  a:visited { color:darkgray; }
  a:focus   { color:white;    }
  a:hover   { color:white;    }
  a:active  { color:white;    }
  
  #myInput {
    background-color: #595959;
    color: white;
    /*background-image: url('../media/searchicon-transparent.png');*/
  }
  
  body {
    background: url(../media/bg-dark.png);
    background-color: #222;
  }

  h1 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#666), color-stop( 50%, #888), color-stop(50%, #888), to(#999));
  }

  input{
    background-color: #595959;
    color: white;
  }
  
  li{
    background-color: #595959;
    color: white;
  }

  li.arrow{
    background-image: url(../media/arrow-transparent.png);
    background-position: right center;
    background-repeat: no-repeat;  
  }

  .protectedMessageDiv{
    background-color: #595959;
    color: white;
  }
  
  .button{
    -webkit-box-shadow: 0px -1px 1px #666, 0px 1px 1px #777;
    /*background-image: -webkit-gradient(linear, left top, left bottom, from(#555), color-stop( 50%, #888), color-stop(50%, #888), to(#999));*/
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0079FE), color-stop( 50%, #0079FE), color-stop(50%, #0079FE), to(#0079FE));
  }

  .button-bold{
    -webkit-box-shadow: 0px -1px 1px #666, 0px 1px 1px #777;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#555), color-stop( 50%, #888), color-stop(50%, #888), to(#999));
  }
  
  div.CodeMirror-scrollbar-filler{
    background-color: rgb(81,81,81);
  }
}