Skip to content

Bilibili 动态首页净化 by zcat95

Screenshot of Bilibili 动态首页净化

Details

Authorzcat95

LicenseNo License

Categoryuserstyles, bilibili, bili

Created

Updated

Size6.5 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

给你带来清爽的 B 站动态首页视觉感受,必须配合 BilibiliEvolved 使用。
*暂不支持暗黑模式(因为不知道怎么处理)

  • 圆角统一
  • 动态瞎眼背景去除
  • 右侧面板移除
  • 游戏推荐移除
  • 热评移除
  • 个人资料卡、正在直播卡片样式修改
  • BilibiliEvolved 动态过滤卡片圆角适配

Notes

  • 旧版推倒重写

Source code

/* ==UserStyle==
@name           Bilibili 动态首页净化
@namespace      USO Archive
@author         ZCat
@description    `自用的Bilibili动态首页净化`
@version        20220424.16.30

==/UserStyle== */
/*
*    由 ZCat 乱改
*    Bilibili 动态首页净化
*/

@-moz-document url-prefix("https://t.bilibili.com")

   {
/*背景*/
#app .bg {
    background-color: #f9f9f9 !important;
    background-image: none !important;
    background-repeat: repeat !important;
    pointer-events: none;
    z-index:-1;
    position: fixed;
    top: 0;
    left: 50%;
    width: 100%;
    height: 60vw;
    transform: translateX(-50%);
    background-size: cover;
    background-position: top;
}

/*尾部*/
.footer{
    display: none !important;
}

/*过滤器*/

.feeds-filter {
    border-radius: 17px!important;
}

/*个人面板*/

.bili-dyn-my-info, .bili-dyn-my-info--skeleton {
    box-shadow: 0 0 0px rgba(0, 0, 0, .2);
    position: relative;
    width: 244px;
    height: 188px;
    background: #fff;
    border-radius: 17px!important;
    overflow: hidden;
}

.bili-dyn-my-info__header {
    display: none !important;
}

.bili-dyn-my-info__face {
    left: 25px;
    top: 25px;
    border-radius: 50%;
    box-shadow: 0 0 80px rgb(251, 114, 153);
}

.bili-dyn-my-info__name {
    position: absolute;
    left: 65px !important;
    top: 38px !important;
    font-size: 20px;
}

.bili-dyn-my-info__stat__item, .bili-dyn-my-info__stats {
    display: flex;
    justify-content: space-between;
    padding-top: 50px !important;
}

.bili-dyn-home--member section.sticky {
    position: relative;
    width: 244px;
    background-color: #fff;
    padding-bottom: 12px;
    border-radius: 17px!important;
}

/*正在直播*/

.bili-dyn-live-users {
    display: flex !important;
    flex-direction: column !important;
    border-radius: 17px!important;
}

.bili-dyn-live-users__item__face-container {
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 0 0 10px #fb72998c;
}

.bili-dyn-live-users__item__face {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
}

/*动态发布框*/

.bili-dyn-publishing {
    background-color: #fff;
    box-sizing: border-box;
    min-width: 815px;
    padding: 16px;
    position: relative;
    width: 100%;
    border-radius: 17px!important;
}

.bili-dyn-publishing__action {
    align-items: center;
    background-color: #fb7299;
    border-radius: 17px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 13px;
    height: 32px;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 70px;
}

.bili-rich-textarea__inner.empty:before {
    display: none;
}

/*标签栏*/

.bili-dyn-list-tabs {
    background-color: #fff;
    border-radius: 17px;
    height: 48px;
    position: relative;
    width: 815px;
}

.bili-dyn-list-tabs__item {
    align-items: center;
    color: #6d757a;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 100%;
    justify-content: center;
    margin-left: 115px;
    min-width: 56px;
    position: relative;
}

.bili-dyn-list-tabs__item.active, .bili-dyn-list-tabs__item:hover {
    color: #fb7299;
}
      
      
.bili-dyn-list-tabs__highlight {
    display: none;

}

.bili-dyn-list-tabs__highlight {
    background-color: #fb7299;

}

/*正在加载*/

.bili-dyn-list-loading {
    align-items: center;
    background-color: #fff;
    border-radius: 17px;
    display: flex;
    height: 270px;
    justify-content: center;
    position: relative;
    width: 815px;
}

/*信息流卡片*/

.bili-dyn-item {
    border-radius: 17px;
}

.bili-dyn-item {
    min-width: 815px;
}
      
/*直播卡片*/

.bili-dyn-card-live {
    border: 0px solid #e5e9ef;
    border-radius: 17px !important;
}

.bili-dyn-card-live__header {
    flex-shrink: 0;
    height: 100%;
    position: relative;
    width: 203px;
    border-radius: 17px !important;
}
.bili-dyn-card-live__tag {
    border-radius: 17px !important;
}

/*图片资源*/

.bili-awesome-img {
    border-radius: 17px !important;
}

/*图片浏览器*/

.bili-album__watch__content img {
    border-radius: 17px !important;
}

/*话题文字颜色*/

.bili-rich-text-link, .bili-rich-text-module, .bili-rich-text-topic {
    color: #fb7299;
}

/*动态原作者名称颜色*/

.dyn-orig-author__name {
    color: #fb7299;
}

/*转发原动态卡片*/

.bili-dyn-content__orig.reference {
    background-color: #f5f5f5;
    border-radius: 17px;
}

/*专栏卡片*/
      
.bili-dyn-card-article {
    background: #fff;
    border: 1px solid #e5e9ef;
    border-radius: 17px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    text-align: left;
}
      
/*视频卡片*/

.bili-dyn-card-video {
    border: 1px solid #e5e9ef;
    border-radius: 17px;
}

.bili-dyn-card-video__cover__mask {
    border-radius: 17px;
}

.bili-dyn-card-video__badge {
    background-color: #fb7299;
    border-radius: 4px;
}

/*去你妈的小表情*/

.bili-rich-text-emoji {
    display: none;
}

/*去你妈的热评*/

.bili-dyn-interaction__item {
    display: none;
}

/*预约卡片*/

.dyn-reserve__card {
    border-radius: 17px;
}

.dyn-reserve__action button {
    background-color: #fb7299;
    border-radius: 17px;
}

.dyn-reserve__lottery__text {
    color: #fb7299;
}

/*关注按钮*/
      
.dyn-orig-author__following {
    border: 1px solid #fb7299;
    color: #fb7299;
}

/*次级卡片*/
      
.bili-dyn-card-music {
    border-radius: 17px;
}

/* ? */

.bili-dyn-content__orig__additional {
    display: none;
}

.bili-dyn-list__notification {
    background: #fff;
    border-radius: 17px;
    color: #fb7299;
    cursor: pointer;
    font-size: 12px;
    height: 36px;
    letter-spacing: 0;
    line-height: 36px;
    margin-bottom: 8px;
    position: relative;
    text-align: center;
    width: 815px;
}

/*右侧*/
      
.bili-dyn-home--member aside.right {
    left: var(--fixed-offset);
    display: none;
}

}

Reviews

No reviews yet.