/* color */
html[data-theme="light"] {
    --color: rgba(60, 60, 67);
    --color-2: rgba(60, 60, 67, .56);
    --bg-color: #ffffff;
    --border-color: #e2e2e3;
    --divider-color: #e2e2e3;
    --brand-color-1: #3451b2;
}

html[data-theme="light"] .theme-switcher{
    --theme-switcher-border-color: #e2e2e3;
    --theme-switcher-bg-color: rgba(142, 150, 170, .14);
    --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(60, 60, 67, .78);
    --theme-switcher-icon-sun-opacity: 1;
    --theme-switcher-icon-moon-opacity: 0;
}

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

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

/*
 post
 */

html[data-theme="light"] {
    --catalog-color: rgba(60, 60, 67, .78);
}

/* code-block and snippet */
html[data-theme="light"] {
    --code-bg-color: #f6f6f7;
    --code-divider-color: #e2e2e3;
    --code-border-color: #e2e2e3;
    --code-line-number-color: rgba(60, 60, 67, .56);
    --code-lang-color: rgba(60, 60, 67, .56);
    --code-copy-bg-color: #f6f6f7;
    --code-copy-border-color: #e2e2e3;
    --code-active-name-color: rgb(60, 60, 67);
}