html.dark #body {
    background-color: #171b22 !important;
    background-image: none !important;
}
html.dark body {
    color: #c9d1d9;
}
html.dark h1, html.dark h2, html.dark h3,
html.dark h4, html.dark h5, html.dark h6 {
    color: #e6edf3;
}

html.dark :is(div,li,a,section,article,header,footer,aside,ul,ol,p,span,td,th,pre,blockquote,input,textarea,button,dl,dt,dd) {
    border-color: #2c3440;
}

html.dark #app-header,
html.dark .top-bar {
    background-color: #11151c;
    border-bottom-color: #232a35;
}
html.dark .sidebar-header a {
    color: #ffffff;
}
html.dark #app-aside,
html.dark .bg-left {
    background-color: #11151c !important;
}
html.dark #app-footer {
    background-color: #11151c;
    color: #8b949e;
    border-top-color: #232a35;
}
html.dark .main-header {
    background-color: #1c222c;
    color: #e6edf3;
}

html.dark .blog-list .blog-item,
html.dark .main-center .blog-list .blog-card,
html.dark #write,
html.dark #write.post-content,
html.dark .blog-content .crumbs,
html.dark .blog-content .comment-box,
html.dark .blog-content .comments-list .comm-content,
html.dark .index-comments,
html.dark .comments-list .comm-content,
html.dark .blog-content .category-list li,
html.dark .bg-whitefff,
html.dark .page-tag-cloud,
html.dark .page-cloud-count,
html.dark .time-list,
html.dark .right-bar .right-item .children,
html.dark .file-down,
html.dark .file-not-view,
html.dark .page-link .link-body .link-img,
html.dark .mty-likebox,
html.dark .mty-like-btn,
html.dark .blog-content .mty-prevnext,
html.dark .blog-content .mty-related,
html.dark .aside-card,
html.dark #blog-tree,
html.dark #img-show-bg .img-list,
html.dark #shuo-content,
html.dark #statistic-pain,
html.dark #whisper-pain,
html.dark #login-pain,
html.dark .neighbor,
html.dark .custom-html,
html.dark .opacity-item,
html.dark .blog-copyright,
html.dark .fw-bulletin {
    background-color: #1c2128;
    color: #c9d1d9;
}

html.dark .blog-card-title a,
html.dark #write.post-content,
html.dark #write.post-content p,
html.dark .blog-content .mty-postinfo .mty-pi-label {
    color: #c9d1d9;
}
html.dark .blog-card-meta,
html.dark .blog-card-meta a,
html.dark .mty-meta,
html.dark .mty-meta a {
    color: #8b949e;
}
html.dark a,
html.dark .blog-content .mty-postinfo a {
    color: #6ca0ff;
}
html.dark a:hover,
html.dark #write.post-content a:hover,
html.dark .blog-content .mty-postinfo a:hover {
    color: #85b4ff;
}

html.dark input,
html.dark textarea,
html.dark select,
html.dark .top-bar .search-form input,
html.dark #bg-cover .search-sm-form input,
html.dark #bg-cover .search-sm-form .keywords-list a {
    background-color: #141920;
    color: #e6edf3;
    border-color: #30363d;
}
html.dark input::placeholder,
html.dark textarea::placeholder {
    color: #6a7686;
}

html.dark .main-center .page-navigator li a,
html.dark .page-navigator li a {
    background-color: #1c2128;
    color: #c9d1d9;
}
html.dark .page-navigator .current,
html.dark .page-navigator li a:hover {
    background-color: #2a5db0;
    color: #fff;
}

html.dark .hljs {
    display: block;
    background: #0d1117;
    color: #c9d1d9;
}
html.dark .hljs-comment, html.dark .hljs-quote { color: #8b949e; font-style: italic; }
html.dark .hljs-keyword, html.dark .hljs-selector-tag, html.dark .hljs-literal,
html.dark .hljs-doctag, html.dark .hljs-formula { color: #ff7b72; }
html.dark .hljs-string, html.dark .hljs-regexp, html.dark .hljs-addition,
html.dark .hljs-attribute, html.dark .hljs-meta .hljs-string { color: #a5d6ff; }
html.dark .hljs-number, html.dark .hljs-variable, html.dark .hljs-template-variable,
html.dark .hljs-type, html.dark .hljs-selector-class, html.dark .hljs-selector-attr,
html.dark .hljs-selector-pseudo { color: #79c0ff; }
html.dark .hljs-title, html.dark .hljs-section, html.dark .hljs-title.function_,
html.dark .hljs-name, html.dark .hljs-selector-id { color: #d2a8ff; }
html.dark .hljs-built_in, html.dark .hljs-symbol, html.dark .hljs-bullet,
html.dark .hljs-link { color: #ffa657; }
html.dark .hljs-meta, html.dark .hljs-deletion { color: #ffa198; }
html.dark .hljs-emphasis { font-style: italic; }
html.dark .hljs-strong { font-weight: bold; }

html.dark #write.post-content blockquote,
html.dark blockquote {
    background-color: #161b22;
    border-left-color: #2a5db0;
    color: #a9b4c0;
}
html.dark table th, html.dark table td {
    border-color: #2c3440;
}
html.dark table tr:nth-child(2n) {
    background-color: #161b22;
}

html.dark .fw-act {
    border-color: #3a4250;
    color: #c9d1d9;
}
html.dark .fw-act:hover {
    color: #85b4ff;
    border-color: #85b4ff;
    background-color: rgba(108, 160, 255, .12);
}
html.dark #bg-cover {
    background-color: rgba(6, 10, 16, .82);
}
html.dark #top-btn {
    background-color: #1c2128;
    color: #c9d1d9;
}

#fw-dark-toggle .fw-icon-sun { display: none; }
html.dark #fw-dark-toggle .fw-icon-moon { display: none; }
html.dark #fw-dark-toggle .fw-icon-sun { display: inline-block; }

html.dark #write.post-content h1,
html.dark #write.post-content h2,
html.dark #write.post-content h3,
html.dark #write.post-content h4,
html.dark #write.post-content h5,
html.dark #write.post-content h6 {
    color: #e6edf3;
}
html.dark .blog-content .mty-rel-title {
    color: #e6edf3;
    border-bottom-color: #2c3440;
}

html.dark #write.post-content thead th {
    background-color: #161b22;
    color: #c9d1d9;
    border-color: #2c3440;
}
html.dark #write.post-content tr td {
    border-color: #2c3440;
}

html.dark #write.post-content :not(pre) > code {
    background-color: #2c3440;
    color: #e6edf3;
}

html.dark .blog-content .mty-related .mty-rel-ph {
    background: linear-gradient(135deg, #1c2128, #232a35);
    color: #8b949e;
}

html.dark #bottom-btn-list a {
    background-color: rgba(40, 48, 60, .9);
    color: #c9d1d9;
}

html.dark .blog-content .mty-postinfo,
html.dark .mty-post-tags {
    background-color: #1c2128;
    color: #c9d1d9;
}

html.dark .blog-content .mty-postinfo {
    border-color: #2c3440;
}

html.dark .blog-content .mty-post-header h1,
html.dark .blog-content .mty-post-header .no-marge {
    color: #e6edf3;
}

html.dark .blog-content .mty-post-header,
html.dark .main-center .main-header.mty-post-header {
    background-color: rgba(255, 255, 255, .03);
    border-bottom-color: #2a3038;
}

html.dark .mty-post-tags > .mty-ico {
    color: #6b7785;
}

html.dark .mty-tag,
html.dark .mty-tag a {
    color: #6ca0ff;
}

html.dark .mty-tag {
    background-color: rgba(108, 160, 255, .12);
    border-color: rgba(108, 160, 255, .32);
}

html.dark .mty-tag:hover,
html.dark .mty-tag:hover a {
    color: #85b4ff;
    background-color: rgba(108, 160, 255, .2);
    border-color: #6ca0ff;
}

html.dark .blog-content .mty-prevnext a,
html.dark .blog-content .mty-prevnext .mty-pn-item,
html.dark .blog-content .mty-related .mty-rel-tit {
    color: #8b949e;
}

html.dark .blog-content .mty-prevnext a:hover {
    color: #85b4ff;
}

html.dark .blog-content .mty-postinfo strong {
    color: #c9d1d9;
}

html.dark .owner-name,
html.dark .owner-stat .num,
html.dark .hot-title,
html.dark #app-aside .fw-block-head .fw-side-txt {
    color: #c9d1d9;
}

html.dark .owner-health .health-num {
    color: #8fb2e0;
}