@mixin chameleon-typography-syntax-highlighting {
  .highlight {
    margin: 0;
    padding: 20px 30px;
    position: relative;
    background: $color-snow;
    border: 1px solid darken($color-snow, 5%);

    * {
      -webkit-font-smoothing: auto !important;
    }

    code {
      background-color: transparent;
      border-radius: $border-radius;
      padding: 0;
    }

    code,
    pre {
      font-family: $font-family-monospace;
      font-size: rem-calc(13px);
      line-height: rem-calc(20px);
      font-weight: 300;
      color: #2b303b;
    }

    .c {    color: #b9bfcc } /* Comment */
    .err {  color: #bf616a } /* Error */
    .k {    color: #b48ead } /* Keyword */
    .l {    color: #d08770 } /* Literal */
    .n {    color: #268bd2 } /* Name */
    .o {    color: #96b5b4 } /* Operator */
    .p {    color: #2b303b } /* Punctuation */
    .cm {   color: #a7adba } /* Comment.Multiline */
    .cp {   color: #a7adba } /* Comment.Preproc */
    .c1 {   color: #a7adba } /* Comment.Single */
    .cs {   color: #a7adba } /* Comment.Special */
    .gd {   color: #bf616a } /* Generic.Deleted */
    .ge {   font-style: italic } /* Generic.Emph */
    .gh {   color: #2b303b; font-weight: bold } /* Generic.Heading */
    .gi {   color: #25a25a } /* Generic.Inserted */
    .gp {   color: #a7adba; font-weight: bold } /* Generic.Prompt */
    .gs {   font-weight: bold } /* Generic.Strong */
    .gu {   color: #96b5b4; font-weight: bold } /* Generic.Subheading */
    .kc {   color: #b48ead } /* Keyword.Constant */
    .kd {   color: #b48ead } /* Keyword.Declaration */
    .kn {   color: #96b5b4 } /* Keyword.Namespace */
    .kp {   color: #b48ead } /* Keyword.Pseudo */
    .kr {   color: #b48ead } /* Keyword.Reserved */
    .kt {   color: #ebcb8b } /* Keyword.Type */
    .ld {   color: #25a25a } /* Literal.Date */
    .m {    color: #d08770 } /* Literal.Number */
    .s {    color: #25a25a } /* Literal.String */
    .na {   color: #6699cc } /* Name.Attribute */
    .nb {   color: #2b303b } /* Name.Builtin */
    .nc {   color: #bf616a } /* Name.Class */
    .no {   color: #caa65f } /* Name.Constant */
    .nd {   color: #96b5b4 } /* Name.Decorator */
    .ni {   color: #2b303b } /* Name.Entity */
    .ne {   color: #bf616a } /* Name.Exception */
    .nf {   color: #268bd2 } /* Name.Function */
    .nl {   color: #2b303b } /* Name.Label */
    .nn {   color: #ebcb8b } /* Name.Namespace */
    .nx {   color: #6699cc } /* Name.Other */
    .py {   color: #2b303b } /* Name.Property */
    .nt {   color: #39acdc} /* Name.Tag */
    .nv {   color: #bf616a } /* Name.Variable */
    .ow {   color: #96b5b4 } /* Operator.Word */
    .w {    color: #2b303b } /* Text.Whitespace */
    .mf {   color: #d08770 } /* Literal.Number.Float */
    .mh {   color: #d08770 } /* Literal.Number.Hex */
    .mi {   color: #d08770 } /* Literal.Number.Integer */
    .mo {   color: #d08770 } /* Literal.Number.Oct */
    .sb {   color: #25a25a } /* Literal.String.Backtick */
    .sc {   color: #2b303b } /* Literal.String.Char */
    .sd {   color: #a7adba } /* Literal.String.Doc */
    .s2 {   color: #25a25a } /* Literal.String.Double */
    .se {   color: #d08770 } /* Literal.String.Escape */
    .sh {   color: #25a25a } /* Literal.String.Heredoc */
    .si {   color: #d08770 } /* Literal.String.Interpol */
    .sx {   color: #25a25a } /* Literal.String.Other */
    .sr {   color: #25a25a } /* Literal.String.Regex */
    .s1 {   color: #25a25a } /* Literal.String.Single */
    .ss {   color: #3a343e } /* Literal.String.Symbol */
    .bp {   color: #2b303b } /* Name.Builtin.Pseudo */
    .vc {   color: #bf616a } /* Name.Variable.Class */
    .vg {   color: #bf616a } /* Name.Variable.Global */
    .vi {   color: #268bd2 } /* Name.Variable.Instance */
    .il {   color: #d08770 } /* Literal.Number.Integer.Long */

    .page-highlight--dark & {
      background: #3b4a59;
      border: 0;

      code,
      pre {
        text-shadow: 0 1px rgba(0, 0, 0, .35);
        color: #d8dee9;
      }

      .hll { background-color: #4F5B66 }
      .c { color: #65737E } /* Comment */
      .err { color: #EC5f67 } /* Error */
      .k { color: #C594C5 } /* Keyword */
      .l { color: #F99157 } /* Literal */
      .n { color: #D8DEE9 } /* Name */
      .o { color: #5FB3B3 } /* Operator */
      .p { color: #D8DEE9 } /* Punctuation */
      .cm { color: #65737E } /* Comment.Multiline */
      .cp { color: #65737E } /* Comment.Preproc */
      .c1 { color: #65737E } /* Comment.Single */
      .cs { color: #65737E } /* Comment.Special */
      .gd { color: #EC5f67 } /* Generic.Deleted */
      .ge { font-style: italic } /* Generic.Emph */
      .gh { color: #D8DEE9; font-weight: bold } /* Generic.Heading */
      .gi { color: #99C794 } /* Generic.Inserted */
      .gp { color: #65737E; font-weight: bold } /* Generic.Prompt */
      .gs { font-weight: bold } /* Generic.Strong */
      .gu { color: #5FB3B3; font-weight: bold } /* Generic.Subheading */
      .kc { color: #C594C5 } /* Keyword.Constant */
      .kd { color: #C594C5 } /* Keyword.Declaration */
      .kn { color: #5FB3B3 } /* Keyword.Namespace */
      .kp { color: #C594C5 } /* Keyword.Pseudo */
      .kr { color: #C594C5 } /* Keyword.Reserved */
      .kt { color: #FAC863 } /* Keyword.Type */
      .ld { color: #99C794 } /* Literal.Date */
      .m { color: #F99157 } /* Literal.Number */
      .s { color: #99C794 } /* Literal.String */
      .na { color: #6699CC } /* Name.Attribute */
      .nb { color: #D8DEE9 } /* Name.Builtin */
      .nc { color: #FAC863 } /* Name.Class */
      .no { color: #EC5f67 } /* Name.Constant */
      .nd { color: #5FB3B3 } /* Name.Decorator */
      .ni { color: #D8DEE9 } /* Name.Entity */
      .ne { color: #EC5f67 } /* Name.Exception */
      .nf { color: #6699CC } /* Name.Function */
      .nl { color: #D8DEE9 } /* Name.Label */
      .nn { color: #FAC863 } /* Name.Namespace */
      .nx { color: #6699CC } /* Name.Other */
      .py { color: #D8DEE9 } /* Name.Property */
      .nt { color: #5FB3B3 } /* Name.Tag */
      .nv { color: #EC5f67 } /* Name.Variable */
      .ow { color: #5FB3B3 } /* Operator.Word */
      .w { color: #D8DEE9 } /* Text.Whitespace */
      .mf { color: #F99157 } /* Literal.Number.Float */
      .mh { color: #F99157 } /* Literal.Number.Hex */
      .mi { color: #F99157 } /* Literal.Number.Integer */
      .mo { color: #F99157 } /* Literal.Number.Oct */
      .sb { color: #99C794 } /* Literal.String.Backtick */
      .sc { color: #D8DEE9 } /* Literal.String.Char */
      .sd { color: #65737E } /* Literal.String.Doc */
      .s2 { color: #99C794 } /* Literal.String.Double */
      .se { color: #F99157 } /* Literal.String.Escape */
      .sh { color: #99C794 } /* Literal.String.Heredoc */
      .si { color: #F99157 } /* Literal.String.Interpol */
      .sx { color: #99C794 } /* Literal.String.Other */
      .sr { color: #99C794 } /* Literal.String.Regex */
      .s1 { color: #99C794 } /* Literal.String.Single */
      .ss { color: #99C794 } /* Literal.String.Symbol */
      .bp { color: #D8DEE9 } /* Name.Builtin.Pseudo */
      .vc { color: #EC5f67 } /* Name.Variable.Class */
      .vg { color: #EC5f67 } /* Name.Variable.Global */
      .vi { color: #EC5f67 } /* Name.Variable.Instance */
      .il { color: #F99157 } /* Literal.Number.Integer.Long */
    }
  }
}