.icon-dark-mode {
    display: none !important
}

.dark-mode .icon-light-mode {
    display: none !important
}

.dark-mode .icon-dark-mode {
    display: flex !important;
    color: #ffc107 !important
}
.dark-mode .comment-children .comment-box{
    background: #23344c;
    border-radius: 0.25rem;
}
.dark-mode .growl-notification--default {
    background: #a0a3a5
}

.dark-mode .growl-notification--default .growl-notification__title {
    color: #485461
}

body.dark-mode {
    color: rgb(201 201 201);
    background: rgb(43 60 84);
    background-position: 50% 0;
    background-size: auto;
    background-repeat: repeat;
    background-attachment: fixed
}

.dark-mode a {
    color: #fff
}

.dark-mode .text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(201 201 201 / var(--tw-text-opacity))
}

.dark-mode .border {
    border-color: rgb(52 69 93);
}

.dark-mode .bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(31 49 74 / var(--tw-bg-opacity))
}

.dark-mode .bg-gray-200, .dark-mode .hover\:bg-gray-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(18 38 67)
}

.dark-mode .text-black {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.dark-mode .border-b {
    border-bottom-color: #2b3c54
}

.dark-mode .border-t {
    border-top-color: #2b3c54
}

.dark-mode.down .nav_head {
    color: #fff;
    --tw-bg-opacity: 1;
    background-color: rgb(31 49 74 / var(--tw-bg-opacity))
}

.dark-mode .markdown-body {
    color: rgb(201 201 201);
    background-color: rgb(31 49 74 / var(--tw-bg-opacity))
}

.dark-mode .page-navigator a, .dark-mode .bg-gray-100, .dark-mode .hover\:bg-gray-100:hover {
    background: #2b3c54
}

.dark-mode .page-navigator .current a {
    background: rgb(16 39 70)
}

.dark-mode input, .dark-mode textarea {
    background: #2b3c54;
    color: rgb(201 201 201);
    border-color: #2b3c54;
}

.dark-mode .ring-slate-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(43 60 84 / var(--tw-ring-opacity))
}

.dark-mode #GoTop a {
    background: #1f314a
}

.dark-mode hr, .dark-mode .border-r {
    border-color: #2b3c54
}

.dark-mode .post-comments, .dark-mode .posts-comments {
    border-top-color: rgb(52 69 93)
}

.dark-mode .footer-tabbar ul {
    border-top-color: rgb(43 60 84)
}

.dark-mode .comment-parent.border-b {
    border-bottom-color: rgb(52 69 93);
}

.dark-mode .timeline .timeline-item:first-child::after {
    border-right: 7rem solid #2b3c54;
}

.dark-mode .cross-item-footer.border-t{
    border-top-color: #3c4c68 !important;
}