@media(prefers-color-scheme:dark) {
    body {
        background: #1b1b1b
    }

    a {
        color: #fff
    }

    input::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {
        color: #fff
    }

    .logo {
        display: none
    }

    .logo-dark {
        display: initial
    }

    .header {
        background: #2d3236
    }

    .search-button i.iconfont {
        color: #cdcdcd
    }

    #search-area form {
        background: #2d3236
    }

    .s-input {
        color: #fff
    }

    .post-con {
        background: #2d3236
    }

    .post-con .content h2 {
        color: #fff
    }

    .post-con .intro {
        color: #cdcdcd
    }

    .post-con .content i.iconfont {
        color: #cdcdcd
    }

    .post-con time.time,
    span.view,
    span.dianzan {
        color: #cdcdcd
    }

    .post-con span.tag a,
    span.cate a {
        color: #cdcdcd
    }

    .post-con span.tag a:hover,
    span.cate a:hover {
        color: #0084ff;
        text-decoration: none
    }

    .catename {
        background: #2d3236
    }

    .catename h1 {
        color: #cdcdcd
    }

    .list-ad {
        background: #2d3236
    }

    .list-post {
        background: #2d3236
    }

    .list-title {
        color: #cdcdcd;
        border-bottom: 1px solid #cdcdcd
    }

    .list-post .list-intro {
        color: #cdcdcd
    }

    .list-post .time,
    .list-post .view {
        color: #cdcdcd
    }

    .list-post .list-content h2 {
        color: #fff
    }

    .list-post .list-content i.iconfont {
        color: #cdcdcd
    }

    .list-post .link-rule {
        color: #cdcdcd
    }

    .list-post .list-article {
        border-bottom: 1px solid #cdcdcd
    }

    .list-post .comments-area {
        color: #fff
    }

    .list-post .comment-title {
        color: #fff
    }

    .article-main {
        background: #2d3236
    }

    .article-main .article-title {
        color: #fff
    }

    .article-main .header-info a {
        color: #cdcdcd
    }

    .article-main .article-content a {
        color: #fff;
        text-decoration: none
    }

    .article-content .tag-wrap a {
        color: #fff;
        background: #202425;
        text-decoration: none
    }

    .article-main .header-info i.iconfont {
        color: #cdcdcd
    }

    .article-main .header-info span,
    .article-main .header-info time {
        color: #cdcdcd
    }

    .article-main pre {
        background-color: #5e6364;
        color: #fff
    }

    .article-main table {
        color: #fff
    }

    .article-main .firstRow {
        color: #3c3738
    }

    .article-main .article-content p {
        color: #fff
    }

    .article-main .article-content h1,
    .article-main .article-content h2,
    .article-main .article-content h3,
    .article-main .article-content h4,
    .article-main .article-content h5 {
        color: #fff
    }

    .widget_aside_ad,
    .widget_tags,
    .widget_hotlist,
    .widget_about,
    .widget_link {
        background: #2d3236
    }

    .sidebar-title {
        color: #cdcdcd;
        border-bottom: 1px solid #cdcdcd
    }

    .aside_hotlist .info,
    .aside_hotlist .info i.iconfont {
        color: #cdcdcd
    }

    .widget_about .name {
        color: #cdcdcd
    }

    .widget_about .font-theme {
        color: #cdcdcd
    }

    .comments-list .nickname {
        color: #fff
    }

    .comments-list .comments-text p {
        color: #fff
    }

    .comments-list .comment-children {
        background-color: #5e6364
    }

    .comments-list .comment-children:before {
        border-bottom: 10px solid #5e6364
    }

    .comments-list span.comment-text-reply {
        color: #c2c2e2
    }

    .comments-list .comments-time,
    .comments-list .comments-text {
        color: #cdcdcd
    }

    .comments-author img {
        box-shadow: 1px 1px 1px #efefef
    }

    .comment-list .title {
        color: #fff
    }

    .comments-info li input {
        border: 1px solid #5e6364;
        background: #5e6364;
        color: #fff
    }

    .comments-box textarea.textarea {
        border: 1px solid #5e6364;
        background: #5e6364;
        color: #fff
    }

    .navs-link {
        box-shadow: 0 0 0 1px #fff
    }

    .navs-link h3,
    .navs-link p {
        color: #f2f2f5
    }

    .more {
        color: #cdcdcd
    }

    .read-more {
        color: #cdcdcd
    }

    .footer-logo-content {
        color: #fff
    }

    .page-numbers {
        background: #5e6364
    }

    .current {
        background-color: #0084ff;
        color: #fff
    }

    .ias-trigger {
        background: #2d3236;
        color: #fff
    }

    @media screen and (max-width:1200px) {
        .m-nav-btn i.iconfont {
            color: #cdcdcd
        }
    }

    @media screen and (max-width:760px) {
        .catename-head .catename-inner {
            background: #2d3236
        }

        .catename-head .catename-name {
            color: #fff
        }

        .catename-head .catename-desc {
            color: #fff
        }
    }
}