[data-mantine-color-scheme='light'] .dmc-code .hljs {
    --code-text-color: var(--mantine-color-gray-7);
    --code-background: var(--mantine-color-gray-0);
    --code-comment-color: var(--mantine-color-gray-6);
    --code-keyword-color: var(--mantine-color-violet-8);
    --code-tag-color: var(--mantine-color-red-9);
    --code-literal-color: var(--mantine-color-blue-6);
    --code-string-color: var(--mantine-color-blue-9);
    --code-variable-color: var(--mantine-color-lime-9);
    --code-class-color: var(--mantine-color-orange-9);
}

[data-mantine-color-scheme='dark'] .dmc-code .hljs {
    --code-text-color: var(--mantine-color-dark-1);
    --code-background: var(--mantine-color-dark-8);
    --code-comment-color: var(--mantine-color-dark-3);
    --code-keyword-color: var(--mantine-color-violet-3);
    --code-tag-color: var(--mantine-color-yellow-4);
    --code-literal-color: var(--mantine-color-blue-4);
    --code-string-color: var(--mantine-color-green-6);
    --code-variable-color: var(--mantine-color-blue-2);
    --code-class-color: var(--mantine-color-orange-5);
}

[data-mantine-color-scheme='dark'] .dmc-code .hljs {
    color: var(--mantine-color-dark-1);
    background: var(--mantine-color-dark-8);
}

[data-mantine-color-scheme='light'] .dmc-code .hljs {
    color: var(--mantine-color-gray-7);
    background: var(--mantine-color-gray-0);
}

.dmc-code .hljs-comment,
.dmc-code .hljs-quote {
    font-style: italic;
    color: var(--code-comment-color);
}

.dmc-code .hljs-doctag,
.dmc-code .hljs-formula,
.dmc-code .hljs-keyword {
    color: var(--code-keyword-color);
}

.dmc-code .hljs-deletion,
.dmc-code .hljs-name,
.dmc-code .hljs-section,
.dmc-code .hljs-selector-tag,
.dmc-code .hljs-subst {
    color: var(--code-tag-color);
}

.dmc-code .hljs-literal {
    color: var(--code-literal-color);
}

.dmc-code .hljs-addition,
.dmc-code .hljs-attribute,
.dmc-code .hljs-meta .hljs-string,
.dmc-code .hljs-regexp,
.dmc-code .hljs-string {
    color: var(--code-string-color);
}

.dmc-code .hljs-attr,
.dmc-code .hljs-number,
.dmc-code .hljs-selector-attr,
.dmc-code .hljs-selector-class,
.dmc-code .hljs-selector-pseudo,
.dmc-code .hljs-template-variable,
.dmc-code .hljs-type,
.dmc-code .hljs-variable {
    color: var(--code-variable-color);
}

.dmc-code .hljs-bullet,
.dmc-code .hljs-link,
.dmc-code .hljs-meta,
.dmc-code .hljs-selector-id,
.dmc-code .hljs-symbol,
.dmc-code .hljs-title,
.dmc-code .hljs-built_in,
.dmc-code .hljs-class,
.dmc-code .hljs-title,
.dmc-code .hljs-title.class_ {
    color: var(--code-class-color);
}

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

.dmc-code .hljs-strong {
    font-weight: 700;
}

.dmc-code .hljs-link {
    text-decoration: underline;
}