body.dark {
--head-color: #fff;
--stext-color: #fff;
--text-color: #fff;
--wtext-color: #000;
--bg-color: #000;
--box-color: #222;
--box-color2: #222;
--border-color: #333;
--wrap-color: #000;
--bxsh: 0 1px 3px rgba(185, 185, 185, 0.15);
--bxshover: 0 4px 60px 0 rgba(185, 185, 185, 0.2);
--bxsh2: 0 3px 12px -1px rgb(224 229 255 / 20%), 0 22px 27px -20px rgb(227 232 255 / 20%);
}
.site-title a, .site-description {
color: var(--stext-color);
}
.offcbtn {
color: var(--head-color);
}
.bs-head-detail {
background: var(--secondary-color);
} 
.bs-blog-post .small {
color: var(--text-color);
}
.bs-blog-post.two .small {
background: var(--bg-color);
color: var(--text-color);
}
.bs-blog-meta, .bs-blog-meta a{
color: var(--text-color);
}
.bs-sidebar .bs-widget {
background: var(--box-color2);
}
.bs-card-box {
background: var(--box-color);
}
.bs-blog-thumb .bs-blog-inner, .bs-blog-thumb .bs-blog-inner h4, .bs-blog-thumb .bs-blog-inner h4 a, .bs-blog-thumb .bs-blog-inner .bs-blog-meta a {
color: #000;
}