
// Synesthesia colors:
$black: rgb(0,0,0);
$cyan: rgb(10,191,247);
$yellow: rgb(255,241,0);
$orange: rgb(255,136,52);
$magenta: rgb(250,30,141);
$purple: rgb(103,81,179);
$green: rgb(98,162,146);
$red: #a22e3f;

// $darkGray: rgb(20,20,20);
// $lightGray: rgb(40,40,40);
// $lighterGray: rgb(64,64,64);
// $panelBkg: rgb(40,40,40);
// $labelTextColor: rgb(130,130,130);
// $tinyButtonTextColor: rgb(130,130,130); 
// $text-white: #8e8e8e;

$basicTextColor: #ccc;
$dimTextColor: rgb(150, 150, 150);
$brightTextColor: white;

// gets brighter from 0 onward
$gray3: rgb(30,30,32);
$gray4: rgb(40,40,45);
$gray5: rgb(50,50,55);
$gray7: rgb(70,70,70);

// @font-face {
//   font-family: 'Korolev-Light';
//   src:  url('../../../app/public/fonts/korolev-light/310334_0_0.eot');
//   src:  url('/fonts/korolev-light/310334_0_0.eot?#iefix') format('embedded-opentype'), 
//         url('/fonts/korolev-light/310334_0_0.woff2') format('woff2'), 
//         url('/fonts/korolev-light/310334_0_0.woff') format('woff'),
//         url('/fonts/korolev-light/310334_0_0.ttf') format('truetype');
// }

/* * {
  font-family: 'Korolev-Light';
} */



body {
  background-color: $gray3;
}

// .md-header-nav__button.md-logo img

.md-header {
  background: $gray4;

  &-nav__button.md-logo {
    img, svg {
      width: 2.2rem;
      height: 2.2rem;
      margin-top: -10px;
    }
  }
}

.md-typeset {
  p { 
    color: $basicTextColor;
    
    &[font-weight="bold"] {
      color: $brightTextColor;
    }
  }

  strong {
    color: $brightTextColor;
  }

  a {
    color: $cyan;
    // font-weight: bold;

    &:visited { color: $cyan; }
    &:hover { 
      color: $brightTextColor;
    }
  }

  h1, h2, h3, h4, h5, h6 { 
    color: $brightTextColor; 
    code { 
      background-color: darken($cyan, 20%); 
      padding: 4px;
    }
  }

  code {
    color: $brightTextColor;
    background-color: $gray5;
  }

  pre>code {
    background-color: $gray4;
  }

  hr { 
    border: none;
    background-color: $basicTextColor;
  }

  ul li, ol li { color: $basicTextColor; }

  table:not([class]) {
    background: none;
    font-size: .7rem;

    th {
      min-width: 9rem;
      background-color: rgb(50,50,55);
      border-bottom: .05rem solid rgb(90,90,90);
      color: white;
    }

    td {
      border-top: .05rem solid rgb(90,90,90);
      background-color: $gray4;
      color: $basicTextColor;
    }

    code { background-color: rgb(10,10,15); }
  }
}

.md-nav {
  background-color: $gray3 !important;
  box-shadow: none !important;
  
  &--primary {
    .md-nav__title {
      background-color: $gray3;

      &[for=__drawer] { background-color: $gray3; }

      &~md-nav__list { background-color: $gray3; }
    }

    .md-nav__item--active {
      &>.md-nav__link {
        color: rgb(10,191,247);
        &:focus { color: rgb(10,191,247); }
      }
    }
  }

  &--secondary {
    border-left: 0.2rem solid $gray7;
  }

  &__link {
    &--active {
      font-weight: bold;
      color: $cyan;
    }

    &--passed {
      color: rgb(130,130,130);
    }

    &:focus, &:hover {
      color: $cyan !important;
    }

    &[data-md-state=blur] { color: rgb(130,130,130); }
  }

  &__item { 
    color: $basicTextColor; 
    .md-nav__link--active {
      font-weight: bold;
      color: $cyan;
    }
  }

  &__title {
    color: $brightTextColor !important;
    background-color: $gray3 !important;
    box-shadow: none !important;

    &[for=__drawer] { background-color: $gray3; }

    &~.md-nav__list { background-color: $gray3; }
  }

}

.md-nav--primary .md-nav__title~.md-nav__list {
  background-color: $gray3;
}

// monokai codehilite theme found here: 
// https://github.com/develephant/mkdocs-codehilite-themes/tree/master/css
.codehilite .hll { background-color: #49483e }
.codehilite  { background: #272822; color: #f8f8f2 }
.codehilite .c { color: #75715e } /* Comment */
// .codehilite .err { color: #960050; background-color: #1e0010 } /* Error */
.codehilite .k { color: #66d9ef } /* Keyword */
.codehilite .l { color: #ae81ff } /* Literal */
.codehilite .n { color: #f8f8f2 } /* Name */
.codehilite .o { color: #f92672 } /* Operator */
.codehilite .p { color: #f8f8f2 } /* Punctuation */
.codehilite .ch { color: #75715e } /* Comment.Hashbang */
.codehilite .cm { color: #75715e } /* Comment.Multiline */
.codehilite .cp { color: #75715e } /* Comment.Preproc */
.codehilite .cpf { color: #75715e } /* Comment.PreprocFile */
.codehilite .c1 { color: #75715e } /* Comment.Single */
.codehilite .cs { color: #75715e } /* Comment.Special */
.codehilite .gd { color: #f92672 } /* Generic.Deleted */
.codehilite .ge { font-style: italic } /* Generic.Emph */
.codehilite .gi { color: #a6e22e } /* Generic.Inserted */
.codehilite .gs { font-weight: bold } /* Generic.Strong */
.codehilite .gu { color: #75715e } /* Generic.Subheading */
.codehilite .kc { color: #66d9ef } /* Keyword.Constant */
.codehilite .kd { color: #66d9ef } /* Keyword.Declaration */
.codehilite .kn { color: #f92672 } /* Keyword.Namespace */
.codehilite .kp { color: #66d9ef } /* Keyword.Pseudo */
.codehilite .kr { color: #66d9ef } /* Keyword.Reserved */
.codehilite .kt { color: #66d9ef } /* Keyword.Type */
.codehilite .ld { color: #e6db74 } /* Literal.Date */
.codehilite .m { color: #ae81ff } /* Literal.Number */
.codehilite .s { color: #e6db74 } /* Literal.String */
.codehilite .na { color: #a6e22e } /* Name.Attribute */
.codehilite .nb { color: #f8f8f2 } /* Name.Builtin */
.codehilite .nc { color: #a6e22e } /* Name.Class */
.codehilite .no { color: #66d9ef } /* Name.Constant */
.codehilite .nd { color: #a6e22e } /* Name.Decorator */
.codehilite .ni { color: #f8f8f2 } /* Name.Entity */
.codehilite .ne { color: #a6e22e } /* Name.Exception */
.codehilite .nf { color: #a6e22e } /* Name.Function */
.codehilite .nl { color: #f8f8f2 } /* Name.Label */
.codehilite .nn { color: #f8f8f2 } /* Name.Namespace */
.codehilite .nx { color: #a6e22e } /* Name.Other */
.codehilite .py { color: #f8f8f2 } /* Name.Property */
.codehilite .nt { color: #f92672 } /* Name.Tag */
.codehilite .nv { color: #f8f8f2 } /* Name.Variable */
.codehilite .ow { color: #f92672 } /* Operator.Word */
.codehilite .w { color: #f8f8f2 } /* Text.Whitespace */
.codehilite .mb { color: #ae81ff } /* Literal.Number.Bin */
.codehilite .mf { color: #ae81ff } /* Literal.Number.Float */
.codehilite .mh { color: #ae81ff } /* Literal.Number.Hex */
.codehilite .mi { color: #ae81ff } /* Literal.Number.Integer */
.codehilite .mo { color: #ae81ff } /* Literal.Number.Oct */
.codehilite .sa { color: #e6db74 } /* Literal.String.Affix */
.codehilite .sb { color: #e6db74 } /* Literal.String.Backtick */
.codehilite .sc { color: #e6db74 } /* Literal.String.Char */
.codehilite .dl { color: #e6db74 } /* Literal.String.Delimiter */
.codehilite .sd { color: #e6db74 } /* Literal.String.Doc */
.codehilite .s2 { color: #e6db74 } /* Literal.String.Double */
.codehilite .se { color: #ae81ff } /* Literal.String.Escape */
.codehilite .sh { color: #e6db74 } /* Literal.String.Heredoc */
.codehilite .si { color: #e6db74 } /* Literal.String.Interpol */
.codehilite .sx { color: #e6db74 } /* Literal.String.Other */
.codehilite .sr { color: #e6db74 } /* Literal.String.Regex */
.codehilite .s1 { color: #e6db74 } /* Literal.String.Single */
.codehilite .ss { color: #e6db74 } /* Literal.String.Symbol */
.codehilite .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */
.codehilite .fm { color: #a6e22e } /* Name.Function.Magic */
.codehilite .vc { color: #f8f8f2 } /* Name.Variable.Class */
.codehilite .vg { color: #f8f8f2 } /* Name.Variable.Global */
.codehilite .vi { color: #f8f8f2 } /* Name.Variable.Instance */
.codehilite .vm { color: #f8f8f2 } /* Name.Variable.Magic */
.codehilite .il { color: #ae81ff } /* Literal.Number.Integer.Long */

// overrides
.codehilite {
  // .k { color: $yellow; } /* Keyword */
  .nt { color: $cyan } /* Name.Tag */
  // .n { color: $cyan } /* Name.Tag */
  .nx { color: $brightTextColor } /* Name.Tag */
  .nb { color: #e6db74 } /* Name.Builtin */
  // .s2 { color: $green } /* Literal.String.Double */
  // .mf, .mi, .mh, .mo { color: $basicTextColor; } /* Literal.Numbers */
  .err { color: $brightTextColor } /* Error */
  .p { color: $basicTextColor } /* Punctuatuion */
  .c, .c1, .cm, .cp, .cs { color: $dimTextColor } /* Comment */
}