.hljs
    display: block
    overflow-x: auto
    padding: 0.5em
    background: color.adjust($primary, $lightness: -6%)

.hljs, .hljs-subst
    color: #ebdbb2

.hljs-deletion, .hljs-formula, .hljs-keyword .hljs-selector-tag
    color: $editorPrimary
    font-style: italic

.hljs-link
    color: $highlight

.hljs-built_in, .hljs-emphasis, .hljs-name, .hljs-quote, .hljs-strong, .hljs-title, .hljs-variable
    color: $editorSecondary

.hljs-attr, .hljs-params, .hljs-template-tag, .hljs-type
    color: $editorTertiary

.hljs-builtin-name, .hljs-doctag, .hljs-literal, .hljs-number
    color: #8f3f71

.hljs-code, .hljs-meta, .hljs-regexp, .hljs-selector-id, .hljs-template-variable
    color: $tertiary

.hljs-addition, .hljs-meta-string, .hljs-section, .hljs-selector-attr, .hljs-selector-class, .hljs-string, .hljs-symbol
    color: $editorString

.hljs-attribute, .hljs-bullet, .hljs-class, .hljs-function, .hljs-function .hljs-keyword, .hljs-meta-keyword, .hljs-selector-pseudo, .hljs-tag
    color: color.adjust($primary, $lightness: 50%)

.hljs-comment
    color: #928374

.hljs-link_label, .hljs-literal, .hljs-number
    color: #d3869b

.hljs-comment, .hljs-emphasis
    font-style: italic

.hljs-section, .hljs-strong, .hljs-tag
    font-weight: normal