html[data-theme="dark"] {
    --color: rgba(255, 255, 245, .86);
    --color-2: rgba(235, 235, 245, .38);
    --bg-color: #1b1b1f;
    --border-color: #3c3f44;
    --divider-color: #3c3f44;
    --brand-color-1: #a8b1ff;
}

html[data-theme="dark"] {
    .theme-switcher {
        --theme-switcher-border-color: #3c3f44;
        --theme-switcher-bg-color: rgba(101, 117, 133, .16);
        --theme-switcher-box-shadow:  0 1px 2px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);
        --theme-switcher-icon-color: rgba(255, 255, 245, .86);
        --theme-switcher-icon-sun-opacity: 0;
        --theme-switcher-icon-moon-opacity: 1;
    }
}

/* menu icon */
html[data-theme="dark"] {
    --menu-bars: url("/asset/image/layout/bars-dark.svg");
    --menu-close: url("/asset/image/layout/close-dark.svg");
}

/* to-top */
html[data-theme="dark"] {
    --to-top-icon-url: url("/asset/image/layout/to-top-dark.svg");
    --triangle-left: url("/asset/image/triangle-left-dark.svg");
    --triangle-down: url("/asset/image/triangle-down-dark.svg");
}

/*
 post
 */


/* code-block and snippet */
html[data-theme="dark"] {
    --code-bg-color: #161618;
    --code-divider-color: #000000;
    --code-border-color: #000000;
    --code-line-number-color: rgba(235, 235, 245, .38);
    --code-lang-color: rgba(235, 235, 245, .38);
    --code-copy-bg-color: #202127;
    --code-copy-border-color: #2e2e32;
    --code-active-name-color: rgba(255, 255, 245, .86);
}

html[data-theme="dark"] {
    --catalog-color: rgba(235, 235, 245, .6);
}


/* shiki */
html[data-theme="dark"] .shiki,
html[data-theme="dark"] .shiki span {
    color: var(--shiki-dark) !important;
    background-color: var(--shiki-dark-bg) !important;
    /* Optional, if you also want font styles */
    font-style: var(--shiki-dark-font-style) !important;
    font-weight: var(--shiki-dark-font-weight) !important;
    text-decoration: var(--shiki-dark-text-decoration) !important;
}