.kratos-theme-switcher {
    float: right;
    margin-top: 0;
    margin-left: 10px;
}

.theme-toggle-btn {
    display: table;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: #848484;
    color: #fff;
    text-align: center;
    line-height: 40px;
    opacity: .7;
    transition: opacity .2s ease;
}

.theme-toggle-btn .fa {
    display: table-cell;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    font-size: 18px;
}

.theme-toggle-btn:hover,
.theme-toggle-btn:focus {
    color: #fff;
    opacity: 1;
    outline: 0;
}

@media (max-width: 768px) {
    .kratos-theme-switcher {
        position: static;
        float: right;
        margin-left: 6px;
        margin-top: 0;
    }

    .theme-toggle-btn {
        width: 36px;
        height: 36px;
        line-height: 36px;
    }
}

html.theme-dark {
    color-scheme: dark;
}

html.theme-dark body {
    background-color: #08090c !important;
    color: #d7d9de;
}

html.theme-dark a {
    color: #69a8ff;
}

html.theme-dark a:hover,
html.theme-dark a:focus,
html.theme-dark article a,
html.theme-dark .widget a:hover,
html.theme-dark .entry-content a:hover {
    color: #8fc0ff !important;
}

html.theme-dark .theme-bg {
    background-color: #050608 !important;
    background-blend-mode: multiply;
    filter: brightness(.22) saturate(.1) contrast(1.08);
}

html.theme-dark #wrapper {
    background-color: #06070a !important;
    background-blend-mode: multiply !important;
}

html.theme-dark #kratos-blog-post {
    background: #0b0d11 !important;
}

html.theme-dark .kratos-overlay {
    background: rgba(0, 0, 0, .56) !important;
}

html.theme-dark #kratos-header-section.color-banner,
html.theme-dark #offcanvas-menu,
html.theme-dark #wrapper .post,
html.theme-dark #wrapper .widget,
html.theme-dark #wrapper .sns,
html.theme-dark #wrapper .summary,
html.theme-dark #wrapper .entry-content,
html.theme-dark #wrapper .status-webo,
html.theme-dark .kratos-hentry,
html.theme-dark .widget,
html.theme-dark .post-navigation .nav-next,
html.theme-dark .post-navigation .nav-previous,
html.theme-dark .pagination > li > a,
html.theme-dark .donate-box,
html.theme-dark #respond .form-control,
html.theme-dark .form-control,
html.theme-dark .input-group-addon {
    background: #1d2128;
    color: #d7d9de;
    border-color: #343a45;
    box-shadow: 0 14px 30px rgba(0, 0, 0, .22);
}

html.theme-dark .kratos-post-header-title,
html.theme-dark .kratos-entry-title,
html.theme-dark .kratos-entry-title a,
html.theme-dark .kratos-post-content,
html.theme-dark .kratos-post-content p,
html.theme-dark .kratos-entry-content,
html.theme-dark .kratos-entry-content p,
html.theme-dark .kratos-post-nav,
html.theme-dark .kratos-post-meta span,
html.theme-dark .kratos-post-meta a,
html.theme-dark .kratos-entry-footer,
html.theme-dark .widget-title,
html.theme-dark .widget li,
html.theme-dark .widget .textwidget,
html.theme-dark .comments-area .fn a,
html.theme-dark .comments-area .comment-meta,
html.theme-dark .comments-area .comment-awaiting-moderation,
html.theme-dark #respond .comment-notes,
html.theme-dark #respond .logged-in-as,
html.theme-dark #wrapper,
html.theme-dark #wrapper a,
html.theme-dark #wrapper .author-name,
html.theme-dark #wrapper .title-index {
    color: #e7e9ee;
}

html.theme-dark .kratos-post-content p,
html.theme-dark .kratos-entry-content p {
    color: #d7d9de;
}

html.theme-dark .kratos-post-meta span,
html.theme-dark .kratos-entry-footer,
html.theme-dark .comments-area .comment-meta,
html.theme-dark .kratos-status-inner footer,
html.theme-dark .kratos-status-inner footer a {
    color: #9aa3ad;
}

html.theme-dark .kratos-status-inner p {
    color: #d7d9de;
}

html.theme-dark .kratos-status,
html.theme-dark .widget-title,
html.theme-dark .widget_kratos_poststab #tabul li,
html.theme-dark .widget_kratos_poststab .tab-content .list-group a,
html.theme-dark .footer-tag,
html.theme-dark table,
html.theme-dark th,
html.theme-dark td,
html.theme-dark hr {
    border-color: #343a45;
}

html.theme-dark .widget-title::after {
    background-color: #3b82f6;
}

html.theme-dark .widget_kratos_poststab #tabul .active,
html.theme-dark .nav-tabs > li > a:hover,
html.theme-dark .widget_kratos_poststab .nav-tabs > li > span:focus,
html.theme-dark .widget_kratos_poststab .nav-tabs > li > span:hover,
html.theme-dark .widget_kratos_poststab .list-group a:hover {
    color: #f4f6fa !important;
}

html.theme-dark .pagination > li > a {
    color: #d7d9de;
}

html.theme-dark .pagination > li > a:hover,
html.theme-dark .pagination > li > a:focus,
html.theme-dark .pagination > .active > a,
html.theme-dark .pagination > .active > a:hover,
html.theme-dark .pagination > .active > a:focus {
    background-color: #3b82f6;
    border-color: #3b82f6;
    color: #0a0c0f !important;
}

html.theme-dark #kratos-header-section.color-banner .sub-menu {
    background: #1d2128;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .35);
}

html.theme-dark #kratos-header-section.color-banner .sub-menu a {
    color: #d7d9de !important;
}

html.theme-dark #kratos-header-section.color-banner .sub-menu a:hover {
    background: #292f39;
}

html.theme-dark #offcanvas-menu ul li a,
html.theme-dark #offcanvas-menu ul li > .sub-menu a,
html.theme-dark .search-box input,
html.theme-dark .search-box span,
html.theme-dark .gotop-box .gotop-btn,
html.theme-dark #wechat-img,
html.theme-dark .bilbili-box,
html.theme-dark .edit-box {
    background: #1d2128;
    color: #e7e9ee;
}

html.theme-dark .search-box input::placeholder,
html.theme-dark input::placeholder,
html.theme-dark textarea::placeholder {
    color: #8f98a3;
}

html.theme-dark #respond .comment .form-control {
    background-image: none;
}

html.theme-dark .comments-area .avatar {
    background-color: #252b34;
}

html.theme-dark .comments-area .fn a:hover,
html.theme-dark .post-navigation .nav-next a:hover,
html.theme-dark .post-navigation .nav-previous a:hover {
    color: #f4f6fa !important;
}

html.theme-dark .post-navigation .nav-next a,
html.theme-dark .post-navigation .nav-previous a,
html.theme-dark .widget_kratos_poststab .tab-content .list-group a,
html.theme-dark .widget a,
html.theme-dark .comments-area .fn a {
    color: #d7d9de;
}

html.theme-dark blockquote,
html.theme-dark pre,
html.theme-dark code,
html.theme-dark kbd {
    background: #181b21;
    color: #d7d9de;
    border-color: #343a45;
}

html.theme-dark pre code {
    background: transparent;
}

html.theme-dark blockquote p:only-child,
html.theme-dark blockquote .small,
html.theme-dark blockquote footer,
html.theme-dark blockquote small {
    color: #c4cad3;
}

html.theme-dark .page-header {
    border-bottom-color: #363b45;
}

html.theme-dark .page-header h1,
html.theme-dark .page-header h1 small {
    color: #e7e9ee;
}

html.theme-dark .donate-box .meta-pay,
html.theme-dark .donate-box .choose-pay,
html.theme-dark .must-log-in,
html.theme-dark .must-log-in a {
    color: #d7d9de;
}

html.theme-dark .donate-box .pay-button {
    border-color: #444b58;
}

html.theme-dark .comments-area .comment-list li {
    background: #1d2128;
    border: 1px solid #2e3440;
    box-shadow: 0 14px 30px rgba(0, 0, 0, .22);
}

html.theme-dark .comments-area .comment-list .children li {
    background: #252b34;
    border-color: #353d4a;
    box-shadow: 0 12px 24px rgba(0, 0, 0, .18);
}

html.theme-dark #respond,
html.theme-dark .comment-respond {
    background: #171b22;
    border-color: #2e3440;
}

html.theme-dark #respond .comment-reply-title,
html.theme-dark #respond .comment-notes,
html.theme-dark #respond .logged-in-as,
html.theme-dark #respond label,
html.theme-dark .comment-form label {
    color: #cfd5de;
}

html.theme-dark .comment-body p,
html.theme-dark .comment-content,
html.theme-dark .comment-content p,
html.theme-dark .comment-metadata a,
html.theme-dark .commentmetadata a,
html.theme-dark .comments-area a.url {
    color: #d7d9de;
}

html.theme-dark #commentform textarea,
html.theme-dark #commentform input[type="text"],
html.theme-dark #commentform input[type="email"],
html.theme-dark #commentform input[type="url"],
html.theme-dark .comment-form-author input,
html.theme-dark .comment-form-email input,
html.theme-dark .comment-form-url input {
    background: #20252e;
    color: #e7e9ee;
    border: 1px solid #3a414f;
}

html.theme-dark #commentform textarea:focus,
html.theme-dark #commentform input[type="text"]:focus,
html.theme-dark #commentform input[type="email"]:focus,
html.theme-dark #commentform input[type="url"]:focus {
    border-color: #4f8bf3;
    box-shadow: 0 0 0 2px rgba(79, 139, 243, .2);
}

html.theme-dark #commentform textarea::placeholder,
html.theme-dark #commentform input::placeholder {
    color: #8d98a6;
}

html.theme-dark #commentform .form-submit #submit,
html.theme-dark #commentform input#submit,
html.theme-dark #respond .submit {
    background: #2a303b;
    color: #e7e9ee;
    border: 1px solid #424b5b;
}

html.theme-dark #commentform .form-submit #submit:hover,
html.theme-dark #commentform input#submit:hover,
html.theme-dark #respond .submit:hover {
    background: #354055;
    color: #fff;
    border-color: #4f8bf3;
}

html.theme-dark .comment-form-cookies-consent,
html.theme-dark .comment-form-cookies-consent label {
    color: #b7c0cc;
}

html.theme-dark .kratos-hentry,
html.theme-dark .widget,
html.theme-dark #wrapper .post,
html.theme-dark #wrapper .widget,
html.theme-dark #wrapper .sns,
html.theme-dark #wrapper .entry-content,
html.theme-dark #wrapper .status-webo {
    border: 1px solid #2e3440;
}

html.theme-dark .kratos-entry-header-new a,
html.theme-dark .kratos-entry-content-new p {
    color: #fff !important;
}

html.theme-dark .kratos-entry-border-new .kratos-post-meta-new {
    background: rgba(27, 31, 38, .92);
    border-top: 1px solid #353d4a;
    color: #cfd5de;
    filter: none;
}

html.theme-dark .kratos-entry-border-new .kratos-post-meta-new a,
html.theme-dark .kratos-entry-border-new .kratos-post-meta-new span,
html.theme-dark .kratos-entry-border-new .kratos-post-meta-new .read-more {
    color: #cfd5de !important;
}

html.theme-dark .kratos-entry-border-new .kratos-post-meta-new a:hover,
html.theme-dark .kratos-entry-border-new .kratos-post-meta-new a:focus,
html.theme-dark .kratos-entry-border-new .kratos-post-meta-new .read-more:hover {
    color: #8fc0ff !important;
}

html.theme-dark #footer {
    background: #08090b !important;
}

html.theme-dark #footer p {
    color: rgba(215, 219, 226, .72);
}

html.theme-dark #footer p a {
    color: #69a8ff;
}

html.theme-dark .kratos-social-icons > a {
    color: #69a8ff;
}

html.theme-dark .kratos-social-icons > a:hover {
    color: #a8ccff !important;
}