body[class="theme-dark"] {
    --waline-white: #000;
    --waline-light-grey: #666;
    --waline-dark-grey: #999;
    --waline-color: #888;
    --waline-bgcolor: #1e1e1e;
    --waline-bgcolor-light: #272727;
    --waline-bgcolor-hover: #444;
    --waline-border-color: #333;
    --waline-disable-bgcolor: #444;
    --waline-disable-color: #272727;
    --waline-bq-color: #272727;
    --waline-info-bgcolor: #272727;
    --waline-info-color: #666
}

#vcomments .vwrap {
    border-radius: .75rem;
    background-color: var(--background-primary);
    border: none;
    border-color: transparent
}

#vcomments .vwrap .vheader {
    display: grid;
    gap: .5rem
}

#vcomments .vwrap .vheader.item2 {
    grid-template-columns: repeat(2,minmax(0,1fr))
}

#vcomments .vwrap .vheader.item3 {
    grid-template-columns: repeat(3,minmax(0,1fr))
}

#vcomments .vwrap .vheader .vinput {
    width: 100%;
    border-radius: .5rem;
    border-style: none;
    background-color: var(--background-secondary);
    padding-left: .75rem;
    padding-right: .75rem
}

#vcomments .vcards>.vcard {
    margin-bottom: 1.5rem;
    border-radius: .5rem;
    background-color: var(--background-primary);
    padding: 1.5rem 1rem .5rem;
    transition: var(--trans-ease)
}

#vcomments .vcards>.vcard:hover {
    box-shadow: var(--accent-shadow)
}

#vcomments .vcards .vcard .vimg {
    border: 2px solid var(--text-accent)
}

#vcomments .vcards .vcard .vh {
    border: none
}

#vcomments .vcards .vcard .vh .vmeta .vat {
    color: var(--text-accent);
    opacity: .6;
    transition: var(--trans-ease)
}

#vcomments .vcards .vcard .vh .vmeta .vat:hover {
    opacity: .3
}

#vcomments .vcards .vcard .vquote {
    border: none
}

#vcomments .vcards .vcard .vhead .vnick {
    color: var(--text-accent);
    font-weight: 700
}

#vcomments .vbtn {
    background: var(--main-gradient);
    border: none;
    color: #fff
}

#vcomments .vbtn:hover {
    color: #fff;
    opacity: .5
}

#vcomments .vcount .vnum {
    color: var(--text-accent)
}

#vcomments .veditor,#vcomments .vinput {
    color: var(--text-normal)
}

#vcomments .vicon {
    transition: var(--trans-ease)
}

#vcomments .vicon:hover {
    opacity: .5
}

#vcomments a {
    color: var(--text-sub-accent);
    transition: var(--trans-ease)
}

#vcomments a:hover {
    opacity: .5
}

#vcomments blockquote {
    border-left: .25rem solid var(--bg-accent-55)
}

#vcomments p {
    color: var(--text-normal)
}

#gitalk-container .gt-container .gt-meta {
    border-bottom: 1px solid var(--background-primary)
}

#gitalk-container .gt-container .gt-header-textarea {
    background-color: var(--background-primary)
}

#gitalk-container .gt-container .gt-btn {
    border: none;
    background: var(--main-gradient);
    transition: var(--trans-ease)
}

#gitalk-container .gt-container .gt-btn:hover {
    opacity: .5
}

#gitalk-container .gt-container .gt-btn-preview {
    background: var(--background-secondary);
    color: var(--text-bright);
    opacity: .7
}

#gitalk-container .gt-container .gt-header-controls-tip {
    color: var(--text-bright);
    opacity: .7;
    transition: var(--trans-ease)
}

#gitalk-container .gt-container .gt-header-controls-tip:hover {
    opacity: .5
}

#gitalk-container .gt-container .gt-svg svg {
    fill: var(--text-bright)
}

#gitalk-container .gt-container .gt-popup {
    background: var(--background-secondary);
    border: 1px solid var(--background-primary);
    border-radius: .25rem
}

#gitalk-container .gt-container .gt-copyright {
    border-top: 1px solid var(--background-primary)
}

#gitalk-container .gt-container .gt-link {
    border-bottom: 2px solid var(--text-accent)
}

#gitalk-container .gt-container a {
    color: var(--text-accent);
    transition: var(--trans-ease)
}

#gitalk-container .gt-container a.is--active {
    color: var(--text-bright)
}

#gitalk-container .gt-container a.is--active:before {
    background: var(--text-accent)
}

#gitalk-container .gt-container a:hover {
    opacity: .5
}

#gitalk-container .gt-container .gt-comment-admin .gt-comment-content {
    background-color: var(--background-primary);
    box-shadow: var(--accent-shadow)
}

#gitalk-container .gt-container .gt-comment-admin .gt-comment-content:hover {
    box-shadow: var(--accent-shadow)
}

#gitalk-container .gt-container .gt-comment-admin .gt-comment-content a {
    color: var(--text-accent)
}

#gitalk-container .gt-container .gt-comment-admin .gt-comment-content .gt-comment-body.markdown-body blockquote {
    border-left: .25em solid var(--bg-accent-55)
}

#gitalk-container .gt-container .gt-comment-admin .gt-comment-content .gt-comment-body.markdown-body pre {
    background-color: var(--background-secondary)
}

#gitalk-container .gt-container .gt-comment-content {
    background-color: var(--background-primary);
    border-radius: 5px
}

#gitalk-container .gt-container .gt-comment-content:hover {
    box-shadow: var(--sub-accent-shadow)
}

#gitalk-container .gt-container .gt-comment-content a {
    color: var(--text-sub-accent)
}

#gitalk-container .gt-container .gt-comment-body {
    color: var(--text-normal)!important
}

#gitalk-container .gt-container .gt-comment-body.markdown-body blockquote {
    border-left: .25em solid var(--bg-sub-accent-55)
}

#twikoo .tk-comments {
    padding-top: .5rem
}

#twikoo .tk-input,#twikoo .tk-meta-input input {
    background-color: var(--background-primary)
}

#twikoo .el-input__inner:focus,#twikoo .el-textarea__inner:focus {
    border-color: var(--text-accent)
}

#twikoo .el-button--primary {
    background: var(--main-gradient);
    border: none;
    color: #fff
}

#twikoo .el-button--primary:hover {
    color: #fff;
    opacity: .5
}

#twikoo .tk-icon.__comments,#twikoo .tk-action-icon {
    color: var(--text-accent)
}

#twikoo .tk-comment {
    margin-bottom: .5rem;
    border-radius: .5rem;
    background-color: var(--background-primary);
    padding: 1.5rem 1rem;
    transition: var(--trans-ease)
}

#twikoo .tk-comment:hover {
    box-shadow: var(--accent-shadow)
}

#twikoo .tk-avatar {
    border: none
}

#twikoo .tk-nick {
    color: var(--text-accent);
    font-weight: 700
}

#twikoo .tk-comments-count>span:first-of-type {
    color: var(--text-accent)
}

#waline {
    --waline-theme-color: var(--text-accent);
    --waline-border: var(--background-secondary);
    --waline-bgcolor: var(--background-primary);
    --waline-bgcolor-light: var(--background-secondary);
    --waline-badge-color: var(--text-accent);
    --waline-disabled-bgcolor: var(--text-dim)
}

#waline .wl-editor {
    box-sizing: border-box;
    padding: .5rem
}

#waline .wl-login-nick,#waline .wl-nick {
    color: var(--text-sub-accent)
}

#waline .wl-card {
    border-radius: .5rem;
    background-color: var(--background-primary);
    padding: 1rem
}

#waline .wl-num {
    color: var(--text-accent)
}

#waline .primary.wl-btn {
    color: var(--text-bright);
    border: none;
    background: var(--main-gradient);
    transition: var(--trans-ease)
}

#waline .primary.wl-btn:hover {
    opacity: .5
}

#waline .wl-card .wl-delete,#waline .wl-card .wl-like,#waline .wl-card .wl-reply,#waline .wl-card .wl-edit {
    color: var(--text-dim)
}

#waline .wl-card .wl-quote {
    -webkit-border-start: none;
    border-inline-start:none}

#waline .wl-header-item {
    align-items: center
}

#waline .wl-header input {
    margin: .5rem;
    padding: .5rem
}