Bilibili 自定义主色调(强调色)
Bilibili Tint Color by invalidunit
Mirrored from https://raw.githubusercontent.com/invalidunit/css_stylus/main/bilibili_tint_color.user.css

Details
Authorinvalidunit
License无许可证
Categorybilibili.com
Created
Updated
Code size3.3 kB
Code checksume58342da
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name Bilibili Tint Color
@namespace github.com/openstyles/stylus
@version 0.2.6
@description Bilibili 自定义主色调(强调色)
@author zhaonan
@preprocessor stylus
@advanced number color-img "图片变色百分比" 150
@advanced color color-0 "color-0" #FF7790
@advanced color color-1 "color-1" #FF4455
@advanced color color-2 "color-2" #FF778921
==/UserStyle== */
@-moz-document domain("bilibili.com") {
/* 全局变量 */
:root{
--brand_blue: color-0 !important;
--brand_blue_hover: color-1 !important;
--brand_blue_thin: color-2 !important;
--text_link: color-0 !important;
--Brand_blue: color-0 !important;
--v_brand_blue_thin: color-2 !important;
--v_brand_blue_hover: color-1 !important;
--v_brand_blue_active: color-1 !important;
--Lb6: color-1 !important;
}
/* 全局变量 */
::selection{
background: color-1 !important;
}
/* 扭曲弹幕开关颜色 */
.icon.normal,.icon.video,.icon.search-word,.bui-danmaku-switch-label,input[type="checkbox"]{
filter: hue-rotate(color-img deg) !important;
}
/* 扭曲列表正在播放颜色 */
.cur-play-icon{
filter: hue-rotate(color-img deg) !important;
}
.link-content img{
filter: hue-rotate(color-img deg) !important;
}
.playing-gif{
filter: hue-rotate(color-img deg) !important;
}
/* 动态首页,全部动态图标 */
.bili-dyn-up-list__item__face.all{
filter: hue-rotate(color-img deg) !important;
}
/* 视频右上角关注 */
.follow-btn.not-follow:hover{
background-color: color-1 !important;
}
/* 番剧频道图标颜色扭曲 */
.mediainfo_btnHome__P2fri svg{
filter: hue-rotate(color-img deg) !important;
}
/* 番剧选集底色 */
.SectionSelector_sectionItem__rFNEH.SectionSelector_active__dySMp{
background-color: color-2 !important;
}
/* 添加到收藏夹的确定 */
.collection-m-exp .bottom .btn:hover {
background: color-1 !important;
}
/* 扭曲正在缓冲颜色 */
.bpx-player-state-buff-icon{
filter: hue-rotate(color-img deg) !important;
}
}
@-moz-document domain("space.bilibili.com") {
/* 个人主页 */
/* 扭曲右边创作中心颜色 */
.upload-section a{
filter: hue-rotate(color-img deg) !important;
}
}
@-moz-document domain("message.bilibili.com") {
/* 消息中心 */
/* 我的消息中链接颜色 */
.space-right .space-right-top .title{
background-color: color-0 !important;
color: #FFF !important;
}
/* 我的消息中链接颜色 */
.im-dynamic-link{
color: color-1 !important;
}
.link{
color: color-1 !important;
}
/* @我的中@颜色 */
.at{
color: color-1 !important;
}
/* 左边选项卡鼠标放上去颜色 */
.item:hover{
color: color-0 !important;
}
.item a:hover{
color: color-0 !important;
}
/* 左边激活选项卡小圆点 */
.item.active{
color: color-0 !important;
}
/* 左边激活选项卡文字 */
.router-link-exact-active.router-link-active{
color: color-0 !important;
}
/* 收到的赞中的删除通知和不再通知颜色 */
.action-button:hover{
color: color-0 !important;
}
/* 消息设置中的开关颜色 */
.radio-icon.css-o1815x .border{
fill: color-0 !important;
}
.radio-icon.css-o1815x .dot{
fill: color-0 !important;
}
}