b2美化之等级自定义颜色

效果图

代码写入子主题style.css

/*等级颜色开始*/
.lv-icon.b2-vip0 b {
     color: #ffdbb1 !important;
    background: linear-gradient(90.34deg, #393f68 0.27%, #24263c 99.7%);
    padding: 0 5px;
    border-radius: 3px;
}
.lv-icon.b2-vip1 b {
     color: #ffdbb1 !important;
    background: linear-gradient(90.34deg, #393f68 0.27%, #24263c 99.7%);
    padding: 0 5px;
    border-radius: 3px;
}
.lv-icon.b2-vip2 b {
    color: #ffdbb1 !important;
    background: linear-gradient(90.34deg, #393f68 0.27%, #24263c 99.7%);
    padding: 0 5px;
    border-radius: 3px;
}
.lv-icon.b2-vip3 b {
    color: #ffdbb1 !important;
    background: linear-gradient(90.34deg, #393f68 0.27%, #24263c 99.7%);
    padding: 0 5px;
    border-radius: 3px;
}
.user-w-lv {
    display: flex;
    height: 22px;
    flex-wrap: wrap;
}
    /*用户等级*/
    .b2-lv0 i {
    background-color: #81d742!important;
    color: #ffffff!important;
}
.b2-lv1 i {
    background-color: #ff3a55!important;
    color: #ffffff!important;
}
.b2-lv2 i {
    background-color: #9d87d2!important;
    color: #ffffff!important;
}
.b2-lv3 i {
    background-color: #5ca0ff!important;
    color: #ffffff!important;
}
.b2-lv4 i {
    background-color: #1677ff!important;
    color: #ffffff!important;
}
.b2-lv5 i {
    background-color: #385ee5!important;
    color: #ffffff!important;
}
.b2-lv6 i {
    background-color: #19b955!important;
    color: #ffffff!important;
}
.comment-author .user-title{
    font-size: 13px;
    margin-left:10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    width:50%;
     -webkit-animation: shake 3s infinite;
        animation: shake 3s infinite;
color:#ff9900;
}
  @-webkit-keyframes shake{
        0%{
            opacity: 0;
        }
        100%{
            opacity: 1;
        }
    }@keyframes shake{
        0%{
            opacity: 0;
        }
        100%{
            opacity: 1;
        }
    }
/*等级颜色结束*/