Skip to content

bilibili动态页主题（翻新） by xiaofeitm233

Screenshot of bilibili动态页主题（翻新）
Homepage Write a review Install Get Stylus

Details

Authorxiaofeitm233

Licensemit

Categorybilibili

Created

Updated

Size104 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

（翻新）深度适配bilibili动态页，大量运用模糊与大圆角元素

Notes

哔哩哔哩动态页主题（翻新）

发布在此网站上的一个用于 Stylus 插件的CSS样式

安装

请先在浏览器安装 Stylus 插件，如步奏一

  1. 安装方式
  1. 点击此处安装或更新 前往UserStyles.world 安装

效果

点击文字跳转图片源文件

主页

投稿视频

图文动态

专栏

直播

转发视频

转发图文

含相关信息

  • 相关信息

相关游戏

直播预约

使用说明

点击齿轮图标及可进行样式设置

设置

设置

自定义背景

  1. 用图床 如https://sm.ms/ 上传图片

  2. 复制上传后得到的图片链接

  3. 按以下设置进行配置，同时需要将上面的图片链接复制到 url() 括号里

自定义背景设置

/* 自定义背景格式 */
url(https://i.loli.net/2020/05/25/HxnieocyPIjWvQB.jpg)

关于原作

很抱歉没有在此翻新后的样式中加上原作者信息（忘了，现在加上了）

个人很喜欢这种风格的b站，毕竟原版b站确实太丑了，也推荐给了一些朋友使用，反响不错。

当时翻新的时候确实留下了一堆东西没有加上，但经过几次假期现已经基本完善了，跟原作者的差不多，并且加入了一些新的功能awa

很高兴得到原作者的欣赏，我也会继续维护这个样式的

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name			哔哩哔哩动态页主题（翻新）
@namespace		bilibili-activity-theme
@version		2.8.5+20240209
@description	（翻新）深度适配bilibili动态页，大量运用模糊与大圆角元素
@author			飞小RAN <xiaofeiTM233@vip.qq.com> (https://hitfun.top) [https://space.bilibili.com/646195980]
@homepageURL	https://github.com/xiaofeiTM233/bilibili-activity-theme
@supportURL		https://github.com/xiaofeiTM233/bilibili-activity-theme/issues
@license		MIT
@preprocessor	uso

\/*原样式：https://userstyles.world/style/2677/bilibili*\/
\/*原作者：noname <https://userstyles.world/user/noname> <https://space.bilibili.com/164644572>*\/

@advanced color T_THEME_COLOR_NEW "选择主题色（十六进制非透明颜色，如默认蓝 #00a1d6、默认粉 #fb7299）" #00a1d6

@advanced dropdown T_DIV_BG "选择背景" {
	BG_1 "BML2019 VR（pid: 74271400）" <<<EOT url(https://i.loli.net/2020/05/25/DA46cLGaPrhYqnl.jpg) EOT;
	BG_2 "明日方舟三周年" <<<EOT url(https://patchwiki.biligame.com/images/arknights/c/c9/psoo48qt7zl4xb1ly1ldmngio7suc37.jpg) EOT;
	BG_3 "unsplash随机" <<<EOT url(https://source.unsplash.com/1920x1080/?nature) EOT;
	BG_4 "2020拜年祭活动 " <<<EOT url(https://i.loli.net/2020/05/25/HxnieocyPIjWvQB.jpg) EOT;
	BG_5 "2020BDF" <<<EOT url(https://pic.imgdb.cn/item/63830f1816f2c2beb1868554.jpg) EOT;
	BG_NONE "无背景" <<<EOT "" EOT;
	BG_DIV "自定义" <<<EOT var(--activity-bg-custom) EOT;
}

@advanced text T_CUSTOM_BG "自定义背景" "url()"

@advanced dropdown T_THEME_COLOR_STYLE "图标样式" {
	T_THEME_COLOR_STYLE_HALF_1 "默认蓝 #00a1d6" <<<EOT
		.bili-dyn-action:not(.disabled).active,
		.bili-dyn-action:not(.disabled):hover {
			color: var(--activity-theme-default);
	}
	EOT;
	T_THEME_COLOR_STYLE_HALF_2 "默认粉 #fb7299" <<<EOT
		.bili-dyn-action:hover,
		.bili-dyn-action.like.active,
		.bili-dyn-action.active,
		.bili-dyn-action:hover,
		.bili-dyn-more__menu__item:hover,
		.bili-dyn-action:not(.disabled).active,
		.bili-dyn-action:not(.disabled):hover,
		.bili-comment-option__item.active,
		.bili-dyn-live-users__more:hover,
		.bili-dyn-item__panel > div.dynamic-card-comment > div > div.comment-header.clearfix > div.tabs-order > ul > li.on,
		.bb-comment .comment-list .list-item .user .name:hover,
		.bili-dyn-forward-item__uname .default:hover,
		.comment-bilibili-fold .comment-list .list-item .user .name:hover,
		.bb-comment .comment-header .tabs-order li.on,
		.comment-bilibili-fold .comment-header .tabs-order li.on,
		.bb-comment .comment-header .tabs-order li:hover,
		.comment-bilibili-fold .comment-header .tabs-order li:hover,
		.is-web .joined-number[data-v-cab5ccf4],
		.bb-comment .comment-list .list-item .text .vote-link:hover,
		.comment-bilibili-fold .comment-list .list-item .text .vote-link:hover,
		.bb-comment .comment-list .list-item .text-con .vote-link:hover,
		.comment-bilibili-fold .comment-list .list-item .text-con .vote-link:hover,
		.bb-comment .comment-list .list-item .text .lottery-link:hover,
		.comment-bilibili-fold .comment-list .list-item .text .lottery-link:hover,
		.bb-comment .comment-list .list-item .text-con .lottery-link:hover,
		.comment-bilibili-fold .comment-list .list-item .text-con .lottery-link:hover,
		.bb-comment .comment-list .list-item .text .comment-jump-url:hover,
		.comment-bilibili-fold .comment-list .list-item .text .comment-jump-url:hover,
		.bb-comment .comment-list .list-item .text-con .comment-jump-url:hover,
		.comment-bilibili-fold .comment-list .list-item .text-con .comment-jump-url:hover{
			color: #fb7299;
		}
		.bili-dyn-action.like:hover i {
			background-image: url(data:image/png;base64,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)!important;
		}
		.bili-dyn-action.like.active i {
			background-image: url(data:image/png;base64,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...

Reviews

No reviews yet.