本次美化一共有三个样式,一个是蓝色,一个红色,然后最后一个是混色,自己看喜欢哪个用哪个吧,我将效果展示在下面,自己看看吧
蓝色
![子比主题 – 评论区美化[修复日夜显示问题] fc14a460e17fba2660064a7b6aba0b78](https://img.8l2.cn/wp-content/uploads/2024/10/20241009100923464.jpeg)
蓝色代码
/*评论美化 - 蓝色款*/
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;
}
红色
![子比主题 – 评论区美化[修复日夜显示问题] 3a1922228afde2efee58d8c603d87a3d](https://img.8l2.cn/wp-content/uploads/2024/10/20241009100850762.jpeg)
红色代码
/*评论美化 - 红色款*/
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;
}
混色
![子比主题 – 评论区美化[修复日夜显示问题] 724bbad62f868051f84059e86a05d4d7](https://img.8l2.cn/wp-content/uploads/2024/10/20241009100748504-scaled.jpeg)
混色代码
© 版权声明
免责声明:本站资源均来自网络,仅用于学习研究,版权归原作者所有,请支持正版!
如有侵权请邮件 xmkucc@foxmail.com 联系删除,感谢理解!
THE END


























暂无评论内容