评论区样式美化 - typecho Xc主题

前言

Xc主题开源版只有一个评论区样式，整个评论区在一个块级元素，父级评论之间没有明显的空间隔开。所以，参照苏晓晴博客进行美化。

过程

• 背景虚化

.Xc_comment{
background: rgb(35 35 35 / 0%)!important;}

• 评论区间隔
  下列代码中的padding改为0rem

• 评论区样式

.Xc_comment > ol > li, .Xc_comment .Xc_comment_respond {
   margin-top: 1.5rem;
   position: relative;
   background: var(--background);
   padding: 1.5rem;
   border-radius: var(--radius-wrap);
}

效果对比