marp-pre, code {
    color: var(--ring-code-color)!important;
    .hljs {
        display: block!important;
        overflow-x: auto!important;

        color: var(--ring-code-color)!important;
    }

     .hljs-subst,
     .hljs-title {
        color: var(--ring-code-color)!important;

        font-weight: normal!important;
    }

    .hljs-comment,
    .hljs-quote {
        color: var(--ring-code-comment-color)!important;

        font-style: italic!important;
    }

    .hljs-meta {
        color: var(--ring-code-meta-color)!important;
    }

    .hljs-section,
    .hljs-literal,
    .hljs-keyword,
    .hljs-type {
        color: var(--ring-code-keyword-color)!important;

        font-weight: var(--ring-font-weight-bold)!important;
    }

    .hljs-name,
    .hljs-selector-pseudo,
    .hljs-selector-id,
    .hljs-selector-class {
        color: var(--ring-code-tag-color)!important;

        font-weight: var(--ring-code-tag-font-weight)!important;
    }

    .hljs-selector-tag {
        color: var(--ring-code-keyword-color)!important;

        font-weight: var(--ring-code-tag-font-weight)!important;
    }

    .hljs-attr {
        color: var(--ring-code-field-color)!important;

        font-weight: var(--ring-font-weight-bold)!important;
    }

    .hljs-tag > .hljs-attr,
    .hljs-attribute {
        color: var(--ring-code-attribute-color)!important;

        font-weight: var(--ring-code-tag-font-weight)!important;
    }

    .hljs-number,
    .hljs-regexp,
    .hljs-link {
        color: var(--ring-code-number-color)!important;

        font-weight: normal!important;
    }

    .hljs-string {
        color: var(--ring-code-string-color)!important;

        font-weight: var(--ring-font-weight-bold)!important;
    }

    .hljs-doctag {
        text-decoration: underline!important;
    }

    .hljs-variable,
    .hljs-template-variable {
        color: var(--ring-code-field-color)!important;
    }

    .hljs-addition {
        background: var(--ring-code-addition-color)!important;
    }

    .hljs-deletion {
        background: var(--ring-code-deletion-color)!important;
    }

    .hljs-emphasis {
        font-style: italic!important;
    }

    .hljs-strong {
        font-weight: var(--ring-font-weight-bold)!important;
    }
}


marp-pre, code {
    /*padding: calc(var(--ring-unit) * 1.5) calc(var(--ring-unit) * 2) calc(var(--ring-unit) * 2)!important;*/

    border: none!important;
    border-radius: var(--ring-border-radius)!important;
    background-color: var(--ring-sidebar-background-color)!important;

    font-family: var(--ring-font-family-monospace)!important;

    /*font-size: var(--ring-font-size-smaller)!important;*/
    /*line-height: var(--ring-line-height-lowest)!important;*/
}