@charset "utf-8";

:root {
    --darkmode-background: #191a1a;
    --darkmode-text: #a4a09b;
    --darkmode-post-article-background: #242626;
    --darkmode-dashed-color: #393b3c;
    --darkmode-border-color: rgba(136, 131, 123, 0.3);
    --darkmode-toggle-border-color: rgba(80, 80, 80, 1);
    --darkmode-nav-active-backgroud-color: #303436;
}


[data-theme="dark"] {
    color-scheme: dark;
}

/* 设置全局灰度 */
[data-theme="dark"] {
	-webkit-filter: grayscale(30%);
	-moz-filter: grayscale(30%);
	-ms-filter: grayscale(30%);
	-o-filter: grayscale(30%);
	filter: grayscale(30%);
	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0.3);
}

[data-theme="dark"] body {
    background-color: var(--darkmode-background);
    color: var(--darkmode-text);
}

[data-theme="dark"] blockquote {
    background-color: #212324;
    border-top: 1px solid var(--darkmode-border-color);
    border-bottom: 1px solid var(--darkmode-border-color);
}

[data-theme="dark"] input {
    border-color: var(--darkmode-border-color);
    background-color: var(--darkmode-post-article-background);
}

[data-theme="dark"] a {
    color: var(--darkmode-text);
}

[data-theme="dark"] :focus-visible {
    outline: var(--darkmode-border-color);
    background-color: var(--darkmode-post-article-background);
    color: var(--darkmode-text);
}

[data-theme="dark"] .tit a {
    color: #e8e6e3;
}

[data-theme="dark"] .m-nav {
    background-color: #3a3c3d;
}
[data-theme="dark"] .m-nav .nav .active a {
    background-color: var(--darkmode-nav-active-backgroud-color);
}
[data-theme="dark"] .nav > li > a {
    color: #cccccc;
}
[data-theme="dark"] .nav > li > a:not(.active):hover {
    background-color: var(--darkmode-nav-active-backgroud-color);
}

[data-theme="dark"] .post-article {
    background-color: var(--darkmode-post-article-background);
}

[data-theme="dark"] .category-cloud a {
    color: #e8e6e3;
}

[data-theme="dark"] .row-border-dashed {
    border-top-color: var(--darkmode-dashed-color);
    border-bottom-color: var(--darkmode-dashed-color);
}

[data-theme="dark"] .article-content pre {
    background-color: #1f2020;
    border-color: var(--darkmode-border-color);
}

[data-theme="dark"] .article-content table th {
    background-color: var(--darkmode-background);
}

[data-theme="dark"] .article-content table td, .article-content table th {
    border-color: var(--darkmode-border-color);
}


[data-theme="dark"] .card {
background-color: var(--darkmode-post-article-background);
  background-clip: border-box;
  border-color: var(--darkmode-border-color);
}

[data-theme="dark"] .list-group-item {
    background-color: var(--darkmode-post-article-background);
    border-color: #37393a;
    color: var(--darkmode-text);
}

[data-theme="dark"] .category a:hover {
    color: var(--darkmode-text);
}

[data-theme="dark"] .category a {
    border-bottom-color: #37393a;
}

[data-theme="dark"] .page-link {
    color: var(--darkreader-text-0d6efd, #538cc0);
    text-decoration-color: currentcolor;
    background-color: var(--darkmode-background);
    border-color: var(--darkmode-border-color);
}
[data-theme="dark"] .page-item.disabled .page-link {
    background-color: var(--darkmode-post-article-background);
    border-color: var(--darkmode-border-color);
}

[data-theme="dark"] .block {
    background-color: #191a1a;
    box-shadow: #404344 0px 5px 20px;
}
[data-theme="dark"] .badge-skin a {
    color: #e8e6e3;
}

[data-theme="dark"] footer {
    background-color: var(--darkreader-background-ffffff, #191a1a);
}

/* 评论样式 */
[data-theme="dark"] .comments-block {
    background-color: var(--darkreader-background-ffffff, #191a1a);
    background-repeat: repeat;
    background-image: none;
    background-size: auto;
    background-clip: border-box;
    box-shadow: #404344 0px 5px 20px;
    border-color: #3c3e3f;
}
[data-theme="dark"] .ui.badge {
    background-color: #262829;
    color: var(--darkmode-text);
}

/* 归档 */
[data-theme="dark"] .archive-block {
    background-color: var(--darkmode-post-article-background);
}
[data-theme="dark"] .archive-timeline .line .line-item {
    border-color: #37393a;
}
[data-theme="dark"] .archive-timeline .archive-content::before {
    background-color: #2d2f30;
}
[data-theme="dark"] .archive-timeline .timeline-big-dot::before {
    background-color: #404344;
}
[data-theme="dark"] .archive-timeline .line .line-item::before {
    background-color: #404344;
}
[data-theme="dark"] .comments-field input {
    border-color: var(--darkmode-border-color);
    background-color: var(--darkmode-post-article-background);
}
[data-theme="dark"] .comments-field textarea {
    border-color: var(--darkmode-border-color);
    background-color: var(--darkmode-post-article-background);
}

[data-theme="dark"] #back-to-top {
    background-color: var(--darkmode-post-article-background);
}
/* popover 样式 */
[data-theme="dark"] .popover {
    background-color: var(--darkmode-post-article-background);
    border-color: var(--darkmode-border-color);
}
[data-theme="dark"] .popover-body {
    color: var(--darkmode-text);
}
[data-theme="dark"] .bs-popover-end > .popover-arrow::after {
    border-right-color: #313435;
}

/* 切换按钮 */
#dark-mode-toggle {
    cursor: pointer;
    position: fixed;
    right: 10px;
    bottom: 140px;
    z-index: 99;
    color: white;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: #ccc 1px solid;
    background: rgba(255, 255, 255, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

#dark-mode-toggle:hover {
    background-color: #eee;
}

[data-theme="dark"] #dark-mode-toggle {
    background-color: rgba(33, 38, 45, 0.8);
    border-color: var(--darkmode-toggle-border-color);
}

[data-theme="dark"] #dark-mode-toggle:hover {
    background-color: #30363d;
}

#dark-mode-toggle i {
    font-size: 20px;
    color: #333;
}

[data-theme="dark"] #dark-mode-toggle i {
    color: #c9d1d9;
}

[data-theme="dark"] #back-to-top {
    border-color: var(--darkmode-toggle-border-color);
}
[data-theme="dark"] #switch_color {
   border-color: var(--darkmode-toggle-border-color);
}
[data-theme="dark"] #switch_color .colorful {
   border-color: var(--darkmode-toggle-border-color);
}
[data-theme="dark"] #switch_color .d-flex {
    background-color: var(--darkmode-post-article-background);
}
[data-theme="dark"] #switch_color .border-light {
    border-color: var(--darkmode-toggle-border-color) !important;
}
[data-theme="dark"] #switch_color .d-flex .m-1 {
    box-shadow: #181a1b 0px 0px 30px inset;
}
[data-theme="dark"] #switch_color .m-1.active {
    box-shadow: none;
}

@media screen and (max-width: 1100px) {
    [data-theme="dark"] body {
        background: #1a1a2e;
    }
}