@media (prefers-color-scheme: dark) {
    [data-theme="auto"] {
        &:root, page, & {
            --color-link: #a3a7bb;
            --color-link-hover: #cacdda;
            --color-body-bg: #151728;
            --color-content-bg: #1b1e32;
            --color-body-line: #424554;
            --color-text: #a3a7bb;
            --color-input-placeholder: #80859f;
            --color-input-bg: #1b1e32;
            --color-input-light-bg: #1b1e32;
            --color-muted: #80859f;
            --color-body-block-bg: #545767;
            --color-body-block-bg-hover: #9396a8;
            --color-body-block: #F8F8F8;
            --color-body-block-hover: #FFFFFF;
            --color-mask: rgba(240, 240, 240, 0.5);
        }
    }
}