.markdown-body {
    .code-block-wrapper {
        pre {
            code.hljs {
                color: #1f2937;
                background: transparent;
            }

            .hljs-comment,
            .hljs-quote {
                color: #6b7280;
                font-style: italic;
            }

            .hljs-keyword,
            .hljs-selector-tag,
            .hljs-literal,
            .hljs-section,
            .hljs-link {
                color: #9333ea;
            }

            .hljs-string,
            .hljs-title,
            .hljs-name,
            .hljs-type,
            .hljs-attribute,
            .hljs-symbol,
            .hljs-bullet,
            .hljs-addition {
                color: #0f766e;
            }

            .hljs-number,
            .hljs-variable,
            .hljs-template-variable,
            .hljs-regexp,
            .hljs-meta .hljs-string {
                color: #d97706;
            }

            .hljs-built_in,
            .hljs-function,
            .hljs-class .hljs-title {
                color: #2563eb;
            }

            .hljs-deletion,
            .hljs-subst {
                color: #dc2626;
            }
        }
    }
}

:where(.dark, [data-theme='dark'], [data-color-mode='dark']) .markdown-body {
    .code-block-wrapper {
        pre {
            code.hljs {
                color: #e5e7eb;
                background: transparent;
            }

            .hljs-comment,
            .hljs-quote {
                color: #94a3b8;
                font-style: italic;
            }

            .hljs-keyword,
            .hljs-selector-tag,
            .hljs-literal,
            .hljs-section,
            .hljs-link {
                color: #c084fc;
            }

            .hljs-string,
            .hljs-title,
            .hljs-name,
            .hljs-type,
            .hljs-attribute,
            .hljs-symbol,
            .hljs-bullet,
            .hljs-addition {
                color: #5eead4;
            }

            .hljs-number,
            .hljs-variable,
            .hljs-template-variable,
            .hljs-regexp,
            .hljs-meta .hljs-string {
                color: #fbbf24;
            }

            .hljs-built_in,
            .hljs-function,
            .hljs-class .hljs-title {
                color: #60a5fa;
            }

            .hljs-deletion,
            .hljs-subst {
                color: #f87171;
            }
        }
    }
}