@charset "UTF-8";

:root {
    --code-program-type-color: #001ec7;
    --code-program-keyword-color: #bd00ce;
    --code-program-string-color: #a14800;
    --code-program-comment-color: #007a00;
    --code-program-number-color: #746700;
    --code-program-object-color: #222222;
    --code-program-field-color: #006db6;
    --code-program-method-color: #8b18d8;
    --code-program-operator-color: #444444;
    --code-program-seperator-color: #555555;
    --code-html-tag-color: #007c00;
    --code-html-attr-color: #001ec7;
    --code-html-value-color: #7e2115;
    --code-html-text-color: #121212;
    --code-html-char-color: #555555;
    --code-html-entity-color: #ff2600;
    --code-html-comment-color: #686868;
}

:root.scheme-dark {
    --code-program-type-color: #89b4fa;
    --code-program-keyword-color: #cba6f7;
    --code-program-string-color: #a6e3a1;
    --code-program-comment-color: #9399b2;
    --code-program-number-color: #fab387;
    --code-program-object-color: #ffffff;
    --code-program-field-color: #89b4fa;
    --code-program-method-color: #cba6f7;
    --code-program-operator-color: #94e2d5;
    --code-program-seperator-color: #cdd6f4;
    --code-html-tag-color: #f38ba8;
    --code-html-attr-color: #cba6f7;
    --code-html-value-color: #a6e3a1;
    --code-html-text-color: #ffffff;
    --code-html-char-color: #94e2d5;
    --code-html-entity-color: #fab387;
    --code-html-comment-color: #9399b2;
}

@media (prefers-color-scheme: dark) {
    :root.scheme-default {
        --code-program-type-color: #89b4fa;
        --code-program-keyword-color: #cba6f7;
        --code-program-string-color: #a6e3a1;
        --code-program-comment-color: #9399b2;
        --code-program-number-color: #fab387;
        --code-program-object-color: #ffffff;
        --code-program-field-color: #89b4fa;
        --code-program-method-color: #cba6f7;
        --code-program-operator-color: #94e2d5;
        --code-program-seperator-color: #cdd6f4;
        --code-html-tag-color: #f38ba8;
        --code-html-attr-color: #cba6f7;
        --code-html-value-color: #a6e3a1;
        --code-html-text-color: #ffffff;
        --code-html-char-color: #94e2d5;
        --code-html-entity-color: #fab387;
        --code-html-comment-color: #9399b2;
    }
}

/* 程序类型关键字 */
main code.program.highlight span.type {
    color: var(--code-program-type-color);
}

/* 程序关键字 */
main code.program.highlight span.keyword {
    color: var(--code-program-keyword-color);
}

/* 程序字符串 */
main code.program.highlight span.string {
    color: var(--code-program-string-color);
}

/* 程序注释 */
main code.program.highlight span.comment {
    color: var(--code-program-comment-color);
}

/* 程序数字 */
main code.program.highlight span.number {
    color: var(--code-program-number-color);
}

/* 程序对象 */
main code.program.highlight span.object {
    color: var(--code-program-object-color);
}

/* 程序字段 */
main code.program.highlight span.field {
    color: var(--code-program-field-color);
}

/* 程序方法 */
main code.program.highlight span.method {
    color: var(--code-program-method-color);
}

/* 程序操作符 */
main code.program.highlight span.operator {
    color: var(--code-program-operator-color);
}

/* 程序分隔符 */
main code.program.highlight span.seperator {
    color: var(--code-program-seperator-color);
}

/* HTML 标签名 */
main code.html.highlight span.tag {
    color: var(--code-html-tag-color)
}

/* HTML 属性名 */
main code.html.highlight span.attr {
    color: var(--code-html-attr-color);
}

/* HTML 属性值 */
main code.html.highlight span.value {
    color: var(--code-html-value-color);
}

/* HTML 文本内容 */
main code.html.highlight span.text {
    color: var(--code-html-text-color);
}

/* HTML 特殊字符 < > = " & */
main code.html.highlight span.char {
    color: var(--code-html-char-color);
}

/* HTML 字符实体 */
main code.html.highlight span.entity {
    color: var(--code-html-entity-color);
}

/* HTML 注释 */
main code.html.highlight span.comment {
    color: var(--code-html-comment-color);
}

/* HTML 脚本类型 */
main code.html.highlight span.js-type {
    color: var(--code-program-type-color);
}

/* HTML 脚本关键字 */
main code.html.highlight span.js-keyword {
    color: var(--code-program-keyword-color);
}

/* HTML 脚本字符串 */
main code.html.highlight span.js-string {
    color: var(--code-program-string-color);
}

/* HTML 脚本注释 */
main code.html.highlight span.js-comment {
    color: var(--code-program-comment-color);
}

/* HTML 脚本数字 */
main code.html.highlight span.js-number {
    color: var(--code-program-number-color);
}

/* HTML 脚本对象 */
main code.html.highlight span.js-object {
    color: var(--code-program-object-color);
}

/* HTML 脚本字段 */
main code.html.highlight span.js-field {
    color: var(--code-program-field-color);
}

/* HTML 脚本方法 */
main code.html.highlight span.js-method {
    color: var(--code-program-method-color);
}

/* HTML 脚本操作符 */
main code.html.highlight span.js-operator {
    color: var(--code-program-operator-color);
}

/* HTML 脚本分隔符 */
main code.html.highlight span.js-seperator {
    color: var(--code-program-seperator-color);
}