[css] 标题颜色

:root {
    --custom-color-my-black: #0C0C0C;
    --custom-color-my-blue: #2E75B5;
    --custom-color-my-orange: #ED7D31;
    --custom-color-my-red: #FA0000;
    --custom-color-my-red-1: #E84C22;
    --custom-color-my-yellow: #BF9000;
    --custom-color-my-green: #70AD47;
    --custom-color-my-purple: #8064A2;
    --custom-color-my-white: #FFFFFF;
}

:root[data-theme-mode=light] {
    /* 子标题及其对应大纲颜色 | Subheadings and their corresponding outline colors */
    --custom-h1-color: var(--custom-color-my-red-1);
    --custom-h2-color: var(--custom-color-my-yellow);
    --custom-h3-color: var(--custom-color-my-green);
    --custom-h4-color: var(--custom-color-my-blue);
    --custom-h5-color: var(--custom-color-my-purple);
    --custom-h6-color: var(--custom-color-my-black);
}

:root[data-theme-mode=dark] {
    /* 子标题及其对应大纲颜色 | Subheadings and their corresponding outline colors */
    --custom-h1-color: var(--b3-card-error-color);
    --custom-h2-color: var(--b3-card-warning-color);
    --custom-h3-color: var(--b3-card-success-color);
    --custom-h4-color: var(--b3-card-info-color);
    --custom-h5-color: #B2A1C7;
    --custom-h6-color: var(--b3-theme-on-background);
}

/* 一级标题 */
.protyle-wysiwyg [data-node-id].h1,
.b3-typography h1 {
    color: var(--custom-h1-color);
}

/* 二级标题 */
.protyle-wysiwyg [data-node-id].h2,
.b3-typography h2 {
    color: var(--custom-h2-color);
}

/* 三级标题 */
.protyle-wysiwyg [data-node-id].h3,
.b3-typography h3 {
    color: var(--custom-h3-color);
}

/* 四级标题 */
.protyle-wysiwyg [data-node-id].h4,
.b3-typography h4 {
    color: var(--custom-h4-color);
}

/* 五级标题 */
.protyle-wysiwyg [data-node-id].h5,
.b3-typography h5 {
    color: var(--custom-h5-color);
}

/* 六级标题 */
.protyle-wysiwyg [data-node-id].h6,
.b3-typography h6 {
    color: var(--custom-h6-color);
}

参考自 https://github.com/handlI/SiYuanSimpleTheme