website/www/site/assets/scss/_syntax-highlighting.scss

/**
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at

 http://www.apache.org/licenses/LICENSE-2.0

 Unless required by applicable law or agreed to in writing, software
 distributed under the License is distributed on an "AS IS" BASIS,
 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.
*/

/**
 * Syntax highlighting styles
 */
.highlight {
  //background: #fff;

  .chroma {
    background: #eef;
  }

  .c {
    color: #998;
    font-style: italic;
  } // Comment
  .err {
    color: #a61717;
  } // Error
  .k {
    font-weight: bold;
  } // Keyword
  .o {
    font-weight: bold;
  } // Operator
  .cm {
    color: #998;
    font-style: italic;
  } // Comment.Multiline
  .cp {
    color: #999;
    font-weight: bold;
  } // Comment.Preproc
  .c1 {
    color: #998;
    font-style: italic;
  } // Comment.Single
  .cs {
    color: #999;
    font-weight: bold;
    font-style: italic;
  } // Comment.Special
  .gd {
    color: #000;
    background-color: #fdd;
  } // Generic.Deleted
  .gd .x {
    color: #000;
    background-color: #faa;
  } // Generic.Deleted.Specific
  .ge {
    font-style: italic;
  } // Generic.Emph
  .gr {
    color: #a00;
  } // Generic.Error
  .gh {
    color: #999;
  } // Generic.Heading
  .gi {
    color: #000;
    background-color: #dfd;
  } // Generic.Inserted
  .gi .x {
    color: #000;
    background-color: #afa;
  } // Generic.Inserted.Specific
  .go {
    color: #888;
  } // Generic.Output
  .gp {
    color: #555;
  } // Generic.Prompt
  .gs {
    font-weight: bold;
  } // Generic.Strong
  .gu {
    color: #aaa;
  } // Generic.Subheading
  .gt {
    color: #a00;
  } // Generic.Traceback
  .kc {
    font-weight: bold;
  } // Keyword.Constant
  .kd {
    font-weight: bold;
  } // Keyword.Declaration
  .kp {
    font-weight: bold;
  } // Keyword.Pseudo
  .kr {
    font-weight: bold;
  } // Keyword.Reserved
  .kt {
    color: #458;
    font-weight: bold;
  } // Keyword.Type
  .m {
    color: #099;
  } // Literal.Number
  .s {
    color: #d14;
  } // Literal.String
  .na {
    color: #008080;
  } // Name.Attribute
  .nb {
    color: #0086b3;
  } // Name.Builtin
  .nc {
    color: #458;
    font-weight: bold;
  } // Name.Class
  .no {
    color: #008080;
  } // Name.Constant
  .ni {
    color: #800080;
  } // Name.Entity
  .ne {
    color: #900;
    font-weight: bold;
  } // Name.Exception
  .nf {
    color: #900;
    font-weight: bold;
  } // Name.Function
  .nn {
    color: #555;
  } // Name.Namespace
  .nt {
    color: #000080;
  } // Name.Tag
  .nv {
    color: #008080;
  } // Name.Variable
  .ow {
    font-weight: bold;
  } // Operator.Word
  .w {
    color: #bbb;
  } // Text.Whitespace
  .mf {
    color: #099;
  } // Literal.Number.Float
  .mh {
    color: #099;
  } // Literal.Number.Hex
  .mi {
    color: #099;
  } // Literal.Number.Integer
  .mo {
    color: #099;
  } // Literal.Number.Oct
  .sb {
    color: #d14;
  } // Literal.String.Backtick
  .sc {
    color: #d14;
  } // Literal.String.Char
  .sd {
    color: #d14;
  } // Literal.String.Doc
  .s2 {
    color: #d14;
  } // Literal.String.Double
  .se {
    color: #d14;
  } // Literal.String.Escape
  .sh {
    color: #d14;
  } // Literal.String.Heredoc
  .si {
    color: #d14;
  } // Literal.String.Interpol
  .sx {
    color: #d14;
  } // Literal.String.Other
  .sr {
    color: #009926;
  } // Literal.String.Regex
  .s1 {
    color: #d14;
  } // Literal.String.Single
  .ss {
    color: #990073;
  } // Literal.String.Symbol
  .bp {
    color: #999;
  } // Name.Builtin.Pseudo
  .vc {
    color: #008080;
  } // Name.Variable.Class
  .vg {
    color: #008080;
  } // Name.Variable.Global
  .vi {
    color: #008080;
  } // Name.Variable.Instance
  .il {
    color: #099;
  } // Literal.Number.Integer.Long
}

.highlighter-custom {
  border: 1px solid #ccc;
  border-radius: 4px;

  pre {
    background: #eef;
    border-radius: 0;
    border: 0;
    margin: 0;
  }
  p,
  h2,
  h3 {
    margin: 10px;
  }
}

pre {
  background: #eef;
}
[class*="-switcher"] {
  ul {
    li {
      margin-bottom:0 !important;
      padding-left: 0 !important;
      &:hover {
        cursor: pointer;
      }
      a {
        border: none;
        margin-right: 0;
        color: #333;
        text-decoration: none;
        &:hover {
          background-color: #f2804d;
          color: #fff;
        }
      }
      &::before {
        display: none;
      }
    }
    li.active {
      color: #fff;
      a {
        background-color: #ff6d05;
        color: #fff;
        border: none;
      }
    }
  }
}
.language-switcher {
  ul.nav-tabs {
    padding-left: 0;
    border:0;
    li {
      &:hover {
        cursor: pointer;
      }
      a {
        border: none;
        margin-right: 0;
        color: #333;
        &:hover {
          background-color: #f2804d;
          color: #fff;
        }
      }
      &::before {
        display: none;
      }
    }
    li.active {
      color: #fff;
      a {
        background-color: #ff6d05;
        color: #fff;
        border: none;
      }
    }
  }
}
nav.version-switcher {
  ul {
    li {
      &:hover {
        cursor: pointer;
      }
      a {
        border: none;
        margin-right: 0;
        color: #333;
        &:hover {
          background-color: #f2804d;
          color: #fff;
        }
      }
      &::before {
        display: none;
      }
    }
    li.active {
      color: #fff;
      a {
        background-color: #ff6d05;
        color: #fff;
        border: none;
      }
    }
  }
}
nav.runner-switcher {
  ul {
    li {
      &:hover {
        cursor: pointer;
      }
      a {
        border: none;
        margin-right: 0;
        color: #333;
        &:hover {
          background-color: #f2804d;
          color: #fff;
        }
      }
      &::before {
        display: none;
      }
    }
    li.active {
      color: #fff;
      a {
        background-color: #ff6d05;
        color: #fff;
        border: none;
      }
    }
  }
}