子比主题 – 评论区美化[修复日夜显示问题]-百乐阁

子比主题 – 评论区美化[修复日夜显示问题]

百乐阁

发表于2024-10-09

更新于2024-10-09

该文章1149字

阅读需6分钟

热度值66

0条评论

本次美化一共有三个样式，一个是蓝色，一个红色，然后最后一个是混色，自己看喜欢哪个用哪个吧，我将效果展示在下面，自己看看吧

蓝色

蓝色代码

/*评论美化 - 蓝色款*/
body{
    --acg-color:#f8fdff;
}
.dark-theme{
    --acg-color:#323335;
}
.comment .list-inline>.comt-main {
    border-color: #71baff80;
    background-color: var(--acg-color);
    background-image: url(https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01LFyvtv1QbIhfnZWvp_!!2210123621994.png);
}
.comment .list-inline>li {
    vertical-align: top;
    overflow: hidden;
    border-radius: 5px;
    margin: 0 15px 15px;
    border: 1px solid;
    position: relative;
    display: flow-root;
    padding: 10px;
}

红色

红色代码

/*评论美化 - 红色款*/
body{
    --acg-color:#fff8fa;
}
.dark-theme{
    --acg-color:#323335;
}
.comment .list-inline>.comt-main {
    border-color: #ff8bb5;
    background-color: var(--acg-color);
    background-image: url(https://img.alicdn.com/imgextra/i4/2210123621994/O1CN01i3UtCI1QbIhf5PNqM_!!2210123621994.png);
}
.comment .list-inline>li {
    vertical-align: top;
    overflow: hidden;
    border-radius: 5px;
    margin: 0 15px 15px;
    border: 1px solid;
    position: relative;
    display: flow-root;
    padding: 10px;
}