.code-snippet--theme-frappe {
    pre.code-snippet__content {
        background: #303446;
    }
    code.hljs {
        color: #c6d0f5;
        background: #303446
    }

    code .hljs-keyword {
        color: #ca9ee6
    }

    code .hljs-built_in {
        color: #e78284
    }

    code .hljs-type {
        color: #e5c890
    }

    code .hljs-literal {
        color: #ef9f76
    }

    code .hljs-number {
        color: #ef9f76
    }

    code .hljs-operator {
        color: #99d1db
    }

    code .hljs-punctuation {
        color: #b5bfe2
    }

    code .hljs-property {
        color: #81c8be
    }

    code .hljs-regexp {
        color: #f4b8e4
    }

    code .hljs-string {
        color: #a6d189
    }

    code .hljs-char.escape_ {
        color: #a6d189
    }

    code .hljs-subst {
        color: #a5adce
    }

    code .hljs-symbol {
        color: #eebebe
    }

    code .hljs-variable {
        color: #ca9ee6
    }

    code .hljs-variable.language_ {
        color: #ca9ee6
    }

    code .hljs-variable.constant_ {
        color: #ef9f76
    }

    code .hljs-title {
        color: #8caaee
    }

    code .hljs-title.class_ {
        color: #e5c890
    }

    code .hljs-title.function_ {
        color: #8caaee
    }

    code .hljs-params {
        color: #c6d0f5
    }

    code .hljs-comment {
        color: #949cbb
    }

    code .hljs-doctag {
        color: #e78284
    }

    code .hljs-meta {
        color: #ef9f76
    }

    code .hljs-section {
        color: #8caaee
    }

    code .hljs-tag {
        color: #81c8be
    }

    code .hljs-name {
        color: #ca9ee6
    }

    code .hljs-attr {
        color: #8caaee
    }

    code .hljs-attribute {
        color: #a6d189
    }

    code .hljs-bullet {
        color: #81c8be
    }

    code .hljs-code {
        color: #a6d189
    }

    code .hljs-emphasis {
        color: #e78284;
        font-style: italic
    }

    code .hljs-strong {
        color: #e78284;
        font-weight: bold
    }

    code .hljs-formula {
        color: #81c8be
    }

    code .hljs-link {
        color: #85c1dc;
        font-style: italic
    }

    code .hljs-quote {
        color: #a6d189;
        font-style: italic
    }

    code .hljs-selector-tag {
        color: #e5c890
    }

    code .hljs-selector-id {
        color: #8caaee
    }

    code .hljs-selector-class {
        color: #81c8be
    }

    code .hljs-selector-attr {
        color: #ca9ee6
    }

    code .hljs-selector-pseudo {
        color: #81c8be
    }

    code .hljs-template-tag {
        color: #eebebe
    }

    code .hljs-template-variable {
        color: #eebebe
    }

    code .hljs-addition {
        color: #a6d189;
        background: rgba(166, 209, 137, .15)
    }

    code .hljs-deletion {
        color: #e78284;
        background: rgba(231, 130, 132, .15)
    }
}