.hljs {
    background: #282534;
    color: #F8F8F2;
  }

    .hljs-tag,
    .hljs-template-tag,
    .hljs-selector-tag,
    .hljs-template-variable,
    .hljs-section,
    .hljs-meta,
    .hljs-symbol,
    .hljs-type,
    .hljs-operator,
    .hljs-punctuation
    .hljs-property,
    .hljs-regex,
    .hljs-char.escape
    .hljs-variable.language,
    .hljs-title.function.invoke,
    .hljs-doctag,
    .hljs-meta.prompt,
    .hljs-meta-keyword,
    .hljs-code,
    .hljs-meta-string,
    .hljs-quote,
    .hljs-bullet,
    .hljs-formula,
    .hljs-deletion
    {
      color: inherit;
    }

  .hljs::selection,
  .hljs ::selection {
    color: #1e0010;
    background: #8077A8;
  }

  .hljs-comment {
    color: #BFBFBF
  }

  .hljs-string {
    color: #81EEFF;
    font-style: italic;
  }

  .hljs-variable {
    color: #F8F8F2;
  }

  .hljs-type,
  .hljs-keyword {
    color: #81FFBE;
    font-style: italic;
  }
  
  .hljs-title.class,
  .hljs-built_in {
    color: #A3F3FF;
    font-weight: bold;
  }

  .hljs-title.class.inherited {
    color: #81EEFF;
    font-style: italic;
  }

  .hljs-title.function,
  .hljs-literal,
  .hljs-title {
    color: #DCC8FF;
  }

  .hljs-attribute, .hljs-selector-attr, .hljs-template, .hljs-attr, .hljs-number, .hljs-subst {
    color: #FFF9A3;
  }

  .hljs-variable.constant {
    color: #C5A3FF;
    font-style: italic;
  }

.hljs-params,
.hljs-name {
    color: #FFA3C3;
}

.hljs-meta {
    color: #DCC7FF;
}

.hljs-strong {
    font-weight: bold;
}

.hljs-code,
.hljs-emphasis {
    font-style: italic;
}