From 0fc3400ffbba89b820ddfc2ddce9a1e62bd3fb43 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Sun, 14 Dec 2025 01:26:30 +1100 Subject: [PATCH 001/133] feat(bilibili): add initial homepage styles (navbar + search) --- styles/bilibili/README.md | 0 styles/bilibili/catppuccin.user.less | 101 +++++++++++++++++++++++++++ 2 files changed, 101 insertions(+) create mode 100644 styles/bilibili/README.md create mode 100644 styles/bilibili/catppuccin.user.less diff --git a/styles/bilibili/README.md b/styles/bilibili/README.md new file mode 100644 index 0000000000..e69de29bb2 diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less new file mode 100644 index 0000000000..d9b40812df --- /dev/null +++ b/styles/bilibili/catppuccin.user.less @@ -0,0 +1,101 @@ +/* ==UserStyle== +@name Bilibili Catppuccin +@namespace github.com/catppuccin/userstyles/styles/bilibili +@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/bilibili +@version 2000.01.01 +@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/bilibili/catppuccin.user.less +@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Abilibili +@description Soothing pastel theme for bilibili +@author Catppuccin +@license MIT + +@preprocessor less +@var select lightFlavor "Light Flavor" ["latte:Latte*", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha"] +@var select darkFlavor "Dark Flavor" ["latte:Latte", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha*"] +@var select accentColor "Accent" ["rosewater:Rosewater", "flamingo:Flamingo", "pink:Pink", "mauve:Mauve", "red:Red", "maroon:Maroon", "peach:Peach", "yellow:Yellow", "green:Green", "teal:Teal", "blue:Blue", "sapphire:Sapphire*", "sky:Sky", "lavender:Lavender", "subtext0:Gray"] +==/UserStyle== */ + +@-moz-document domain("bilibili.com") , domain("www.bilibili.com") { + :root { + @media (prefers-color-scheme: light) { + #catppuccin(@lightFlavor); + } + @media (prefers-color-scheme: dark) { + #catppuccin(@darkFlavor); + } + } + + #catppuccin(@flavor) { + #lib.palette(); + #lib.defaults(); + + body { + background-color: @base; + + & > div { + color: @text; + background-color: @surface0; + } + } + + a:link, + a:visited { + color: @accent; + } + + + .bili-feed4{ //首页推荐区块背景 + background-color:@base !important; //base 背景色 + } + .bili-header .large-header { //头部背景 + background-color: @mantle !important; //mantle 头部背景色 + } + .bili-header__bar { //顶部栏 + background-color: @mantle !important; + } + + + // === 顶部左侧文字 ==== + .bili-header__bar .left-entry span, + .bili-header__bar .left-entry a { //主页左上角标题文字 + color : @text !important; + } + + .bili-header__bar .left-entry span:hover, + .bili-header__bar .left-entry a:hover { //主页左侧图标悬停 + color : @accent !important; + } + + + // === 顶部搜索框 === + .bili-header .center-search-container { + background-color: @mantle !important; //搜索框背景 + } + .center-search__bar { + background-color: @surface0 !important; //搜索框下拉 + } + .nav-search-content { + background-color: @surface0 !important; //搜索框外圈 + } + .nav-search-input { + background-color: @surface0 !important; + color: @text !important; //搜索框输入 + } + .nav-search-input::placeholder { + color: @subtext0 !important; //搜索框占位符 + } + .search-panel { //搜索建议下拉 + background-color: @surface0 !important; + border-color: @surface1 !important; + } + .suggest-item { + color: @text !important; //搜索建议文字 + } + .suggest-item:hover { + background-color: @surface1 !important; //搜索建议悬停 + color: @accent !important; //搜索建议悬停文字 + } + + + } +} \ No newline at end of file From 59cbca8744f6d8028d52cc0b9cc4d9376ef9bd3b Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Sun, 14 Dec 2025 02:03:22 +1100 Subject: [PATCH 002/133] feat(bilibili): add initial homepage styles (navbar + search) --- styles/bilibili/catppuccin.user.less | 1 + 1 file changed, 1 insertion(+) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index d9b40812df..39831fff92 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -14,6 +14,7 @@ @var select darkFlavor "Dark Flavor" ["latte:Latte", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha*"] @var select accentColor "Accent" ["rosewater:Rosewater", "flamingo:Flamingo", "pink:Pink", "mauve:Mauve", "red:Red", "maroon:Maroon", "peach:Peach", "yellow:Yellow", "green:Green", "teal:Teal", "blue:Blue", "sapphire:Sapphire*", "sky:Sky", "lavender:Lavender", "subtext0:Gray"] ==/UserStyle== */ +@import "https://userstyles.catppuccin.com/lib/lib.less"; @-moz-document domain("bilibili.com") , domain("www.bilibili.com") { :root { From 89ac1cd41c5138d7b3087a106b79271c0eb41158 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Sun, 14 Dec 2025 21:42:03 +1100 Subject: [PATCH 003/133] it2 for channel area --- styles/bilibili/catppuccin.user.less | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 39831fff92..a144c13411 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -96,7 +96,34 @@ background-color: @surface1 !important; //搜索建议悬停 color: @accent !important; //搜索建议悬停文字 } + + // === 顶部下面分区栏目 === + .bili-header__channel { + background-color: @surface0 !important; //分区栏目背景 + } + .bili-header__channel .channel-icons { + color: @text !important; //分区栏目文字 + } + .right-channel-container{ + background-color: @surface0 !important; //分区栏目背景 + } + .channel-items_left{ + background-color: @surface0 !important; //分区栏目左侧背景 + } + .bili-header__channel .channel-link{ + color :@text !important; //分区栏目文字 + } + .bili-header__channel .channel-link:hover{ + color :@accent !important; //分区栏目文字悬停 + } + .channel-entry-more__link{ + color: @text !important; //分区栏目"更多" + } + .channnel-entry-more__link:hover{ + color: @accent !important; //分区栏目"更多"悬停 + } + } } \ No newline at end of file From 792a2bdabbe667d8609ff11d663a8efd8c8cc345 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Mon, 15 Dec 2025 16:34:49 +1100 Subject: [PATCH 004/133] realize the channel theme --- styles/bilibili/catppuccin.user.less | 37 +++++++++++++++++++++++++++- 1 file changed, 36 insertions(+), 1 deletion(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index a144c13411..5ddf1470b1 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -44,7 +44,7 @@ color: @accent; } - + // === 首页背景色 === .bili-feed4{ //首页推荐区块背景 background-color:@base !important; //base 背景色 } @@ -68,6 +68,7 @@ } + // === 顶部搜索框 === .bili-header .center-search-container { background-color: @mantle !important; //搜索框背景 @@ -98,6 +99,8 @@ } + + // === 顶部下面分区栏目 === .bili-header__channel { background-color: @surface0 !important; //分区栏目背景 @@ -123,7 +126,39 @@ .channnel-entry-more__link:hover{ color: @accent !important; //分区栏目"更多"悬停 } + + + + // === 滑动分区栏目 === + .header-channel { + background: @surface1 !important; //channel滑动时出现的bar + } + .left-fixed-channel a{ + color: @text !important; //滑动分区栏目左侧固定文字 + } + .left-fixed-channel a :hover{ + color: @accent !important; //滑动分区栏目左侧固定文字悬停 + } + .header-channel-fixed-right-item a{ + color: @text !important; //滑动分区栏目右侧固定文字 + } + .header-channel-fixed-right-item a :hover{ + color: @accent !important; //滑动分区栏目右侧固定文字悬停 + } + + + + + + + + + + .shortcut-bg{ + background: @surface2 !important; //分区栏目叠放卡片视频窗 + } + } } \ No newline at end of file From ce8df17bead5db2d3462e4692732389e0f99f3ac Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Mon, 15 Dec 2025 16:54:07 +1100 Subject: [PATCH 005/133] color of text in head --- styles/bilibili/catppuccin.user.less | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 5ddf1470b1..42af28852a 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -76,6 +76,9 @@ .center-search__bar { background-color: @surface0 !important; //搜索框下拉 } + .trending-item { + color: @mauve !important; //搜索框下拉文字 + } .nav-search-content { background-color: @surface0 !important; //搜索框外圈 } @@ -106,7 +109,7 @@ background-color: @surface0 !important; //分区栏目背景 } .bili-header__channel .channel-icons { - color: @text !important; //分区栏目文字 + color: @mauve !important; //分区栏目文字 } .right-channel-container{ background-color: @surface0 !important; //分区栏目背景 @@ -134,13 +137,13 @@ background: @surface1 !important; //channel滑动时出现的bar } .left-fixed-channel a{ - color: @text !important; //滑动分区栏目左侧固定文字 + color: @mauve !important; //滑动分区栏目左侧固定文字 } .left-fixed-channel a :hover{ color: @accent !important; //滑动分区栏目左侧固定文字悬停 } .header-channel-fixed-right-item a{ - color: @text !important; //滑动分区栏目右侧固定文字 + color: @mauve !important; //滑动分区栏目右侧固定文字 } .header-channel-fixed-right-item a :hover{ color: @accent !important; //滑动分区栏目右侧固定文字悬停 From 9da5328972244634155afefb60b1105ebdbf444f Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Mon, 15 Dec 2025 16:58:58 +1100 Subject: [PATCH 006/133] color of text in head it 2 --- styles/bilibili/catppuccin.user.less | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 42af28852a..df722946a8 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -118,13 +118,13 @@ background-color: @surface0 !important; //分区栏目左侧背景 } .bili-header__channel .channel-link{ - color :@text !important; //分区栏目文字 + color :@mauve !important; //分区栏目文字 } .bili-header__channel .channel-link:hover{ color :@accent !important; //分区栏目文字悬停 } .channel-entry-more__link{ - color: @text !important; //分区栏目"更多" + color: @mauve !important; //分区栏目"更多" } .channnel-entry-more__link:hover{ color: @accent !important; //分区栏目"更多"悬停 From 4a3d168cc53ea730668ec03d4db77b5ce72f5777 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Mon, 15 Dec 2025 22:52:30 +1100 Subject: [PATCH 007/133] color of text in head it 3 --- styles/bilibili/catppuccin.user.less | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index df722946a8..c3471630a6 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -118,10 +118,15 @@ background-color: @surface0 !important; //分区栏目左侧背景 } .bili-header__channel .channel-link{ - color :@mauve !important; //分区栏目文字 + background-color :@mauve !important; //分区栏目文字 + color: @base !important; /* 深色文字（更清晰）*/ + border-radius: 8px !important; /* 圆角 */ + padding: 6px 12px !important; /* 内边距 */ + font-weight: 500 !important; /* 字体加粗 */ } .bili-header__channel .channel-link:hover{ - color :@accent !important; //分区栏目文字悬停 + background-color: @accent !important; //分区栏目文字悬停背景 + color :@base !important; } .channel-entry-more__link{ color: @mauve !important; //分区栏目"更多" From 5b2ae11daa3d4acbc3caa311481542ae2064ff6f Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Mon, 15 Dec 2025 23:14:03 +1100 Subject: [PATCH 008/133] color of text in head it 4 --- styles/bilibili/catppuccin.user.less | 21 ++++++++++++++------- 1 file changed, 14 insertions(+), 7 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index c3471630a6..5c8c4678de 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -106,30 +106,37 @@ // === 顶部下面分区栏目 === .bili-header__channel { - background-color: @surface0 !important; //分区栏目背景 + background-color: @base !important; //分区栏目背景 + padding: 8px 16px !important; //分区栏目内边距 } .bili-header__channel .channel-icons { - color: @mauve !important; //分区栏目文字 + color: @text !important; //分区栏目文字 } .right-channel-container{ - background-color: @surface0 !important; //分区栏目背景 + background-color: @base !important; //分区栏目背景 } .channel-items_left{ - background-color: @surface0 !important; //分区栏目左侧背景 + background-color: @base !important; //分区栏目左侧背景 + gap: 8px !important; //分区栏目左侧文字间距 } .bili-header__channel .channel-link{ background-color :@mauve !important; //分区栏目文字 color: @base !important; /* 深色文字（更清晰）*/ border-radius: 8px !important; /* 圆角 */ - padding: 6px 12px !important; /* 内边距 */ + padding: 4px 10px !important; /* 内边距 */ font-weight: 500 !important; /* 字体加粗 */ + margin: 0 4px !important; /* 按钮间距 */ + display: inline-block !important; + transition: all 0.2s !important; } + .bili-header__channel .channel-link:hover{ background-color: @accent !important; //分区栏目文字悬停背景 - color :@base !important; + color :@crust !important; + transform: scale(1.05) !important; /* 悬停微微放大 */ } .channel-entry-more__link{ - color: @mauve !important; //分区栏目"更多" + color: @text !important; //分区栏目"更多" } .channnel-entry-more__link:hover{ color: @accent !important; //分区栏目"更多"悬停 From 070dd7faf789ee3ea7915e57701d0f0425e1252c Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Mon, 15 Dec 2025 23:16:21 +1100 Subject: [PATCH 009/133] color of text in head it 5 --- styles/bilibili/catppuccin.user.less | 1 + 1 file changed, 1 insertion(+) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 5c8c4678de..fb161b8807 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -124,6 +124,7 @@ color: @base !important; /* 深色文字（更清晰）*/ border-radius: 8px !important; /* 圆角 */ padding: 4px 10px !important; /* 内边距 */ + font-size: 13px !important; /* 缩小字体 */ font-weight: 500 !important; /* 字体加粗 */ margin: 0 4px !important; /* 按钮间距 */ display: inline-block !important; From a2feaf26538fae4688a620410a4699035ce935d8 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Mon, 15 Dec 2025 23:34:17 +1100 Subject: [PATCH 010/133] color of text in head it 6 --- styles/bilibili/catppuccin.user.less | 39 +++++++++++++++++++++++++--- 1 file changed, 36 insertions(+), 3 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index fb161b8807..ff27199fa0 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -136,13 +136,46 @@ color :@crust !important; transform: scale(1.05) !important; /* 悬停微微放大 */ } - .channel-entry-more__link{ - color: @text !important; //分区栏目"更多" + .channel-entry-more__link{//分区栏目"更多" + background-color: @mauve !important; /* 紫色背景 */ + color: @crust !important; /* 深色文字 */ + border-radius: 8px !important; + padding: 4px 10px !important; + font-size: 13px !important; + font-weight: 500 !important; + margin: 0 4px !important; + display: inline-block !important; + transition: all 0.2s !important; } + .channnel-entry-more__link:hover{ - color: @accent !important; //分区栏目"更多"悬停 + background-color: @accent !important; /* 悬停变强调色 */ + color: @crust !important; //分区栏目"更多"悬停 + transform: scale(1.05) !important; /* 悬停微微放大 */ + } + + /* "更多"下拉菜单容器 */ + .channel-menu { + background-color: @base !important; /* 大背景色 */ + border-radius: 8px !important; + padding: 12px !important; + box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important; + } + + /* 下拉菜单里的文字链接 */ + .channel-menu__item, + .channel-menu a { + color: @mauve !important; /* 紫色文字 */ + padding: 4px 8px !important; + border-radius: 4px !important; + transition: all 0.2s !important; } + .channel-menu__item:hover, + .channel-menu a:hover { + background-color: @surface0 !important; /* 悬停背景 */ + color: @accent !important; /* 悬停文字变强调色 */ + } // === 滑动分区栏目 === From d38a430989d81630c55b9da4aca5fa8d4ca129f9 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Tue, 16 Dec 2025 00:04:45 +1100 Subject: [PATCH 011/133] color of text in head it 7 --- styles/bilibili/catppuccin.user.less | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index ff27199fa0..99d282811f 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -177,6 +177,10 @@ color: @accent !important; /* 悬停文字变强调色 */ } + .channel-link-right{ + color: @mauve !important; //分区栏目右侧文字 + } + // === 滑动分区栏目 === .header-channel { From 657802dc162e2a5ebff88f55918e002a1a6d89a5 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Tue, 16 Dec 2025 00:10:26 +1100 Subject: [PATCH 012/133] color of text in head it 8 --- styles/bilibili/catppuccin.user.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 99d282811f..954c688ea8 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -177,7 +177,7 @@ color: @accent !important; /* 悬停文字变强调色 */ } - .channel-link-right{ + .channel-link__right span{ color: @mauve !important; //分区栏目右侧文字 } From f9bbcee58e7ecf2bef399fab5b5da8bcac8357da Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Tue, 16 Dec 2025 00:54:23 +1100 Subject: [PATCH 013/133] color of text in head it 9 --- styles/bilibili/catppuccin.user.less | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 954c688ea8..e0acb76aa8 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -66,6 +66,9 @@ .bili-header__bar .left-entry a:hover { //主页左侧图标悬停 color : @accent !important; } + .zhuzhan-icon{ + fill: @mauve !important; //主页左侧图标颜色 + } @@ -180,6 +183,14 @@ .channel-link__right span{ color: @mauve !important; //分区栏目右侧文字 } + + .channel-icons .icon-bg__dynamic svg{ + fill: @mauve !important; //分区栏目动态图标 + } + .channel-icons .icon-bg__popular svg{ + fill: @mauve !important; //分区栏目直播图标 + } + // === 滑动分区栏目 === From 2237e8da659957948497b761c524a8cf650e3848 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Sat, 20 Dec 2025 14:01:13 +1100 Subject: [PATCH 014/133] color of text in head it 10 --- styles/bilibili/catppuccin.user.less | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index e0acb76aa8..51b1c487f7 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -66,6 +66,12 @@ .bili-header__bar .left-entry a:hover { //主页左侧图标悬停 color : @accent !important; } + .bili-header__bar .left-entry .entry-title svg.zhuzhan-icon, + .bili-header__bar .left-entry .entry-title svg.zhuzhan-icon path, + .bili-header__bar .left-entry .entry-title svg.zhuzhan-icon use{ + fill: @mauve !important; //主页左侧图标颜色 + stroke: @mauve !important; + } .zhuzhan-icon{ fill: @mauve !important; //主页左侧图标颜色 } @@ -210,6 +216,7 @@ color: @accent !important; //滑动分区栏目右侧固定文字悬停 } + From 0f81994c579711416981611b7320b5960ae2ce7f Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Sat, 20 Dec 2025 14:43:33 +1100 Subject: [PATCH 015/133] color of text in head it 11 --- styles/bilibili/catppuccin.user.less | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 51b1c487f7..c6aa51dcee 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -83,7 +83,7 @@ background-color: @mantle !important; //搜索框背景 } .center-search__bar { - background-color: @surface0 !important; //搜索框下拉 + background-color: @mauve !important; //搜索框下拉 } .trending-item { color: @mauve !important; //搜索框下拉文字 @@ -102,11 +102,14 @@ background-color: @surface0 !important; border-color: @surface1 !important; } + .history-item { + background-color: @mauve !important; //搜索历史背景 + } .suggest-item { color: @text !important; //搜索建议文字 } .suggest-item:hover { - background-color: @surface1 !important; //搜索建议悬停 + background-color: @surface0 !important; //搜索建议悬停 color: @accent !important; //搜索建议悬停文字 } From cab42c7a088914e13a566fc18f0894d19e37365f Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Sat, 20 Dec 2025 14:58:44 +1100 Subject: [PATCH 016/133] color of text in head it 12 --- styles/bilibili/catppuccin.user.less | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index c6aa51dcee..59cb4c08a7 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -82,8 +82,9 @@ .bili-header .center-search-container { background-color: @mantle !important; //搜索框背景 } + .nav-search .center-search__bar { - background-color: @mauve !important; //搜索框下拉 + background-color: @surface0 !important; //搜索框下拉 } .trending-item { color: @mauve !important; //搜索框下拉文字 @@ -103,7 +104,7 @@ border-color: @surface1 !important; } .history-item { - background-color: @mauve !important; //搜索历史背景 + background-color: @surface0 !important; //搜索历史背景 } .suggest-item { color: @text !important; //搜索建议文字 From 07f0823b2ecd4a39a7baf300473abb5edccce18e Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Sat, 20 Dec 2025 14:59:29 +1100 Subject: [PATCH 017/133] color of text in head it 13 --- styles/bilibili/catppuccin.user.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 59cb4c08a7..58d6c5b0da 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -104,7 +104,7 @@ border-color: @surface1 !important; } .history-item { - background-color: @surface0 !important; //搜索历史背景 + background-color: @surface1 !important; //搜索历史背景 } .suggest-item { color: @text !important; //搜索建议文字 From 758dccc9ee0d2ee8a671a69114ce38ae15fe8ae3 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Sat, 20 Dec 2025 15:27:31 +1100 Subject: [PATCH 018/133] color of text in head it 15 --- styles/bilibili/catppuccin.user.less | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 58d6c5b0da..cb8381e175 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -106,6 +106,15 @@ .history-item { background-color: @surface1 !important; //搜索历史背景 } + .history-text{ + color: @text !important; //搜索历史文字 + } + .trending .header .title{ + color: @text !important; //搜索热门标题文字 + } + .trendings-rank .search-rank-top{ + color : @text !important; //搜索热门排行文字 + } .suggest-item { color: @text !important; //搜索建议文字 } @@ -234,6 +243,9 @@ .shortcut-bg{ background: @surface2 !important; //分区栏目叠放卡片视频窗 } + .floor-single-card{ + background: @surface0 !important; //分区栏目叠放卡片视频窗内背景 + } } } \ No newline at end of file From 8c6c84770b4ecbb0c8e906a47dea19e0cbe0104c Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Sun, 21 Dec 2025 00:02:22 +1100 Subject: [PATCH 019/133] top right logo --- styles/bilibili/catppuccin.user.less | 25 +++++++++++++++++++++++++ 1 file changed, 25 insertions(+) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index cb8381e175..ba64c233ea 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -91,6 +91,10 @@ } .nav-search-content { background-color: @surface0 !important; //搜索框外圈 + border: 1px solid @mauve !important; //搜索框外圈边框 + } + .nav-searchform{ + border-color: @surface1 !important; //搜索框边框 } .nav-search-input { background-color: @surface0 !important; @@ -106,6 +110,9 @@ .history-item { background-color: @surface1 !important; //搜索历史背景 } + .history .header .title{ + color: @text !important; //搜索历史标题文字 + } .history-text{ color: @text !important; //搜索历史文字 } @@ -125,6 +132,24 @@ + // === 顶部右侧图标 === + .bili-header .right-entry_outside .right-entry-icon svg{ + fill: @mauve !important; //右侧图标颜色 + stroke: @mauve !important; + } + .bili-header .header-upload-entry { + background-color: @mauve !important; //上传按钮背景 + } + .bili-header .header-upload__icon{ + color: @mauve !important; //上传按钮图标颜色 + } + + + + + + + // === 顶部下面分区栏目 === .bili-header__channel { From e1c3f6b2adf0ce2705cca1471d6e52f338c5da6d Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Sun, 21 Dec 2025 01:35:17 +1100 Subject: [PATCH 020/133] top right logo2 --- styles/bilibili/catppuccin.user.less | 11 ++++------- 1 file changed, 4 insertions(+), 7 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index ba64c233ea..793d1ca695 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -91,10 +91,10 @@ } .nav-search-content { background-color: @surface0 !important; //搜索框外圈 - border: 1px solid @mauve !important; //搜索框外圈边框 + border: 3px solid @mauve !important; //搜索框外圈边框 } .nav-searchform{ - border-color: @surface1 !important; //搜索框边框 + background-color: @surface1 !important; //搜索框边框 } .nav-search-input { background-color: @surface0 !important; @@ -131,18 +131,15 @@ } - // === 顶部右侧图标 === - .bili-header .right-entry_outside .right-entry-icon svg{ + .bili-header .right-entry__outside .right-entry-icon svg{ fill: @mauve !important; //右侧图标颜色 stroke: @mauve !important; } .bili-header .header-upload-entry { background-color: @mauve !important; //上传按钮背景 } - .bili-header .header-upload__icon{ - color: @mauve !important; //上传按钮图标颜色 - } + From 07f9a7024745f1f005f95eff3507f4f92c79e3ca Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Sun, 21 Dec 2025 01:40:01 +1100 Subject: [PATCH 021/133] top right logo3 --- styles/bilibili/catppuccin.user.less | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 793d1ca695..0a842a7c18 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -91,9 +91,9 @@ } .nav-search-content { background-color: @surface0 !important; //搜索框外圈 - border: 3px solid @mauve !important; //搜索框外圈边框 + border: 2px solid @mauve !important; //搜索框外圈边框 } - .nav-searchform{ + .nav-searchform .is-focus{ background-color: @surface1 !important; //搜索框边框 } .nav-search-input { From b78e31d635ff426ff9931273a652d139d2b34955 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Sun, 21 Dec 2025 01:45:31 +1100 Subject: [PATCH 022/133] top right logo4 --- styles/bilibili/catppuccin.user.less | 15 ++++++++------- 1 file changed, 8 insertions(+), 7 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 0a842a7c18..3f212dcd90 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -82,19 +82,20 @@ .bili-header .center-search-container { background-color: @mantle !important; //搜索框背景 } - .nav-search - .center-search__bar { - background-color: @surface0 !important; //搜索框下拉 + .nav-search, + .nav-search .center-search__bar { + background-color: @mantle !important; //搜索框下拉 } .trending-item { color: @mauve !important; //搜索框下拉文字 } .nav-search-content { - background-color: @surface0 !important; //搜索框外圈 - border: 2px solid @mauve !important; //搜索框外圈边框 + background-color: @mantle !important; //搜索框外圈 + border: 3px solid @mauve !important; //搜索框外圈边框 } - .nav-searchform .is-focus{ - background-color: @surface1 !important; //搜索框边框 + .nav-searchform{ + border-color: @surface1 !important; //搜索框边框 + background-color: @surface0 !important; //搜索框内部背景 } .nav-search-input { background-color: @surface0 !important; From 44c7a6ae94b254d657df38e69447d9bf0c6671f0 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Sun, 21 Dec 2025 01:48:31 +1100 Subject: [PATCH 023/133] top right logo5 --- styles/bilibili/catppuccin.user.less | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 3f212dcd90..6bc56de100 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -93,7 +93,9 @@ background-color: @mantle !important; //搜索框外圈 border: 3px solid @mauve !important; //搜索框外圈边框 } - .nav-searchform{ + .nav-searchform, + #nav-searchform, + #nav-searchform.is-focus { border-color: @surface1 !important; //搜索框边框 background-color: @surface0 !important; //搜索框内部背景 } From c5cd6a4edccae1ac2e8e4ba6477725d4ee994957 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Sun, 21 Dec 2025 01:57:21 +1100 Subject: [PATCH 024/133] top right logo6 --- styles/bilibili/catppuccin.user.less | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 6bc56de100..06973af1d7 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -91,7 +91,7 @@ } .nav-search-content { background-color: @mantle !important; //搜索框外圈 - border: 3px solid @mauve !important; //搜索框外圈边框 + border: 2px solid @mauve !important; //搜索框外圈边框 } .nav-searchform, #nav-searchform, @@ -113,6 +113,9 @@ .history-item { background-color: @surface1 !important; //搜索历史背景 } + .history-item:hover { + background-color: @surface2 !important; //搜索历史悬停背景（更暗） + } .history .header .title{ color: @text !important; //搜索历史标题文字 } @@ -135,9 +138,15 @@ // === 顶部右侧图标 === - .bili-header .right-entry__outside .right-entry-icon svg{ + .bili-header .right-entry__outside .right-entry-icon svg, + .bili-header .right-entry__outside .right-entry-icon svg path, + .bili-header .right-entry__outside .right-entry-icon svg use, + .bili-header__bar .right-entry__outside svg, + .bili-header__bar .right-entry__outside svg path, + .bili-header__bar .right-entry__outside svg use { fill: @mauve !important; //右侧图标颜色 stroke: @mauve !important; + color: @mauve !important; } .bili-header .header-upload-entry { background-color: @mauve !important; //上传按钮背景 From 6240b2e325514f9e715fe3d233eb3d890c99f4aa Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Sun, 21 Dec 2025 02:04:47 +1100 Subject: [PATCH 025/133] top right logo7 --- styles/bilibili/catppuccin.user.less | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 06973af1d7..12c712c66a 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -113,8 +113,12 @@ .history-item { background-color: @surface1 !important; //搜索历史背景 } - .history-item:hover { - background-color: @surface2 !important; //搜索历史悬停背景（更暗） + .history-item:hover, + .search-panel .history-item:hover { + background-color: fade(@surface2, 50%) !important; //搜索历史悬停背景（更暗） + } + .trending-item:hover { + background-color: fade(@surface2, 50%) !important; //热搜悬停 } .history .header .title{ color: @text !important; //搜索历史标题文字 From d8160cdb9d8aba09163790df7c445095ee6c70f1 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Sun, 21 Dec 2025 02:15:48 +1100 Subject: [PATCH 026/133] top right logo8 --- styles/bilibili/catppuccin.user.less | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 12c712c66a..cbbeab2009 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -75,7 +75,15 @@ .zhuzhan-icon{ fill: @mauve !important; //主页左侧图标颜色 } - + .bili-header .left-entry .mini-header__logo, + .bili-header .left-entry .mini-header__logo svg, + .bili-header .left-entry .mini-header__logo svg path, + .bili-header .left-entry svg.mini-header__logo, + .bili-header .left-entry svg.mini-header__logo path { + fill: @mauve !important; //左上角小logo紫色 + stroke: @mauve !important; + } + // === 顶部搜索框 === @@ -130,7 +138,7 @@ color: @text !important; //搜索热门标题文字 } .trendings-rank .search-rank-top{ - color : @text !important; //搜索热门排行文字 + color : @yellow !important; //搜索热门排行文字 } .suggest-item { color: @text !important; //搜索建议文字 From ffa502a8d186c75291e46141eab9f70f7db7c127 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Sun, 21 Dec 2025 02:28:40 +1100 Subject: [PATCH 027/133] top right logo9 --- styles/bilibili/catppuccin.user.less | 14 ++++++++++---- 1 file changed, 10 insertions(+), 4 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index cbbeab2009..a6362e30d4 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -287,11 +287,17 @@ .shortcut-bg{ - background: @surface2 !important; //分区栏目叠放卡片视频窗 - } - .floor-single-card{ - background: @surface0 !important; //分区栏目叠放卡片视频窗内背景 + background-color: @surface0 !important; //分区栏目叠放卡片视频窗内背景 } + + + + + // ===视频界面=== + .video-container-v1{ + background-color: @base !important; //视频播放界面背景 + } + } } \ No newline at end of file From beb04dd6cf0e74705e15f68d10b3b91c0a645022 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Sun, 21 Dec 2025 13:35:56 +1100 Subject: [PATCH 028/133] top right logo10 --- styles/bilibili/catppuccin.user.less | 19 ++++++++++++++++++- 1 file changed, 18 insertions(+), 1 deletion(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index a6362e30d4..b50c9b3e94 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -298,6 +298,23 @@ .video-container-v1{ background-color: @base !important; //视频播放界面背景 } - + .video-info-container .video-info-title-inner .data-title{ + color: @text !important; //视频标题文字 + } + .bpx-player-sending-bar{ + background-color: @mantle !important; //视频发送弹幕栏背景 + } + .bpx-player-video-info-online{ + color: @text !important; //视频播放界面在线人数文字 + } + .bpx-player-video-info-divide{ + color: @text !important; //视频播放界面分隔符文字 + } + .bpx-player-video-info-dm{ + color: @text !important; //视频播放界面弹幕数文字 + } + .bui-button .bui-area.bui-button-blue, .bui-button .bui-area.bui-button-gray3:hover{ + background-color: @mauve !important; //视频播放界面播放按钮背景 + color: @crust !important; //视频播放界面播放按钮文字 } } \ No newline at end of file From 69d16f292784ba8fd81aa48f31ef1f363823e0d5 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Sun, 21 Dec 2025 13:43:47 +1100 Subject: [PATCH 029/133] top right logo11 --- styles/bilibili/catppuccin.user.less | 1 + 1 file changed, 1 insertion(+) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index b50c9b3e94..93473eabdb 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -316,5 +316,6 @@ .bui-button .bui-area.bui-button-blue, .bui-button .bui-area.bui-button-gray3:hover{ background-color: @mauve !important; //视频播放界面播放按钮背景 color: @crust !important; //视频播放界面播放按钮文字 + } } } \ No newline at end of file From 0757ea0d4d5b77ba7995b9cc4c094d8a9a45176d Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Sun, 21 Dec 2025 13:46:17 +1100 Subject: [PATCH 030/133] top right logo12 --- styles/bilibili/catppuccin.user.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 93473eabdb..b90062e3d7 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -2,7 +2,7 @@ @name Bilibili Catppuccin @namespace github.com/catppuccin/userstyles/styles/bilibili @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/bilibili -@version 2000.01.01 +@version 0.1.0 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/bilibili/catppuccin.user.less @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Abilibili @description Soothing pastel theme for bilibili From 5f5202097b9f6e1ab4c7ea97db57e328d517db94 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Sun, 21 Dec 2025 13:47:37 +1100 Subject: [PATCH 031/133] top right logo13 --- styles/bilibili/catppuccin.user.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index b90062e3d7..f3e9ed4608 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -315,7 +315,7 @@ } .bui-button .bui-area.bui-button-blue, .bui-button .bui-area.bui-button-gray3:hover{ background-color: @mauve !important; //视频播放界面播放按钮背景 - color: @crust !important; //视频播放界面播放按钮文字 + color: @text !important; //视频播放界面播放按钮文字 } } } \ No newline at end of file From f84e81ddf5bb0f0f3635564fe005eb8a5282aa05 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Sun, 21 Dec 2025 13:56:24 +1100 Subject: [PATCH 032/133] top right logo14 --- styles/bilibili/catppuccin.user.less | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index f3e9ed4608..664b557079 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -189,7 +189,7 @@ } .bili-header__channel .channel-link{ background-color :@mauve !important; //分区栏目文字 - color: @base !important; /* 深色文字（更清晰）*/ + color: @text !important; //文字颜色 border-radius: 8px !important; /* 圆角 */ padding: 4px 10px !important; /* 内边距 */ font-size: 13px !important; /* 缩小字体 */ @@ -298,8 +298,8 @@ .video-container-v1{ background-color: @base !important; //视频播放界面背景 } - .video-info-container .video-info-title-inner .data-title{ - color: @text !important; //视频标题文字 + .video-info-container .video-info-title-inner .video-title[data-v-fe6ec38e]{ + color: @text !important; //视频播放界面标题文字 } .bpx-player-sending-bar{ background-color: @mantle !important; //视频发送弹幕栏背景 From 5c6b4046ea339d0c596d2fc5273c026654983e48 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Sun, 21 Dec 2025 14:11:20 +1100 Subject: [PATCH 033/133] top right logo15 --- styles/bilibili/catppuccin.user.less | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 664b557079..815f84ebac 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -200,8 +200,8 @@ } .bili-header__channel .channel-link:hover{ - background-color: @accent !important; //分区栏目文字悬停背景 - color :@crust !important; + background-color: @mauve !important; //分区栏目文字悬停背景 + color :@text !important; transform: scale(1.05) !important; /* 悬停微微放大 */ } .channel-entry-more__link{//分区栏目"更多" @@ -317,5 +317,9 @@ background-color: @mauve !important; //视频播放界面播放按钮背景 color: @text !important; //视频播放界面播放按钮文字 } + .video-info-detail-list[data-v-0c3641b4]{ + color: @text !important; //视频播放界面视频详情文字 + } + } } \ No newline at end of file From 6c4a9aa97c06fd2779d3d769aed549f65493d885 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Sun, 21 Dec 2025 14:43:43 +1100 Subject: [PATCH 034/133] top right logo16 --- styles/bilibili/catppuccin.user.less | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 815f84ebac..2961bf71a2 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -320,6 +320,23 @@ .video-info-detail-list[data-v-0c3641b4]{ color: @text !important; //视频播放界面视频详情文字 } + .video-info-detail-list .copyright .copyright-icon[data-v-0c3641b4]{ + fill: @mauve !important; //视频播放界面版权图标颜色 + } + .up-detail .up-detail-top .up-name[data-v-5f1f09f0]{ + color: @mauve !important; //视频播放界面up主名称文字 + } + .up-detail .up-detail-top .send-msg[data-v-5f1f09f0]{ + color: @text !important; //视频播放界面 "发消息" 文字 + } + .up-detail .up-description[data-v-5f1f09f0]{ + color: @text !important; //视频播放界面up主描述文字 + } + .upinfo-btn-panel .new-charge-btn.charge-btn-loaded[data-v-db02d4c6]{ + background-color: @surface0 !important; //视频播放界面 "充电" 按钮背景 + border: @mauve !important; //视频播放界面 "充电" 按钮边框颜色 + } + } } \ No newline at end of file From 773c158f0d8917f3ab941b7bd0a0ab8c43e5403d Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Mon, 22 Dec 2025 17:47:25 +1100 Subject: [PATCH 035/133] top right logo17 --- styles/bilibili/catppuccin.user.less | 78 +++++++++++++++++++++++++++- 1 file changed, 77 insertions(+), 1 deletion(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 2961bf71a2..033e5327b9 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -294,6 +294,8 @@ + + // ===视频界面=== .video-container-v1{ background-color: @base !important; //视频播放界面背景 @@ -334,9 +336,83 @@ } .upinfo-btn-panel .new-charge-btn.charge-btn-loaded[data-v-db02d4c6]{ background-color: @surface0 !important; //视频播放界面 "充电" 按钮背景 - border: @mauve !important; //视频播放界面 "充电" 按钮边框颜色 + border: 1px solid @mauve !important; //视频播放界面 "充电" 按钮边框颜色 + } + .upinfo-btn-panel .follow-btn.not-follow[data-v-db02d4c6]{ + background-color: @surface0 !important; //视频播放界面 "关注" 按钮背景 + color: @text !important; //视频播放界面 "关注" 按钮文字 + } + .bui-collapse .bui-collapse-header{ + background-color: @surface0 !important; //视频播放界面视频描述折叠栏背景 + color: @text !important; //视频播放界面视频描述折叠栏文字 + } + .upinfo-btn-panel .new-charge-btn[data-v-db02d4c6]{ + color: @mauve !important; //视频播放界面 "充电" 按钮文字 + } + .video-pod[data-v-dac4fbd2]{ + background-color: @surface1 !important; //视频播放界面系列视频卡片背景 + } + .video-pod .video-pod__header .header-top .left .title[data-v-dac4fbd2]{ + color: @text !important; //视频播放界面系列视频卡片标题文字 + } + .video-pod .video-pod__header .header-top .left .amt[data-v-dac4fbd2]{ + color: @text !important; //视频播放界面系列视频卡片数量文字 + } + .continuous-btn .txt{ + color: @text !important; //视频播放界面系列视频 "自动连播" 文字 + } + .switch-btn.on{ + background-color: @mauve !important; //视频播放界面系列视频 "自动连播" 开启背景 + } + .switch-btn .switch-block{ + background-color: @text !important; //视频播放界面系列视频 "自动连播" 按钮颜色 + } + .video-pod .video-pod__header .header-bottom[data-v-dac4fbd2]{ + color: @text !important; //视频播放界面系列视频卡片底部文字 + } + .video-pod .video-pod__header .header-bottom .right .subscribe-btn[data-v-dac4fbd2]{ + color: @mauve !important; //视频播放界面系列视频卡片"订阅合集“文字 + border: 1px solid @mauve !important; //视频播放界面系列视频卡片"订阅合集“边框 + } + .simple-base-item .title{ + color: @text !important; //视频播放界面相关推荐视频标题文字 + } + .simple-base-item .stats{ + color: @subtext0 !important; //视频播放界面相关推荐视频统计文字 + } + .video-toolbar-left-item{ + color: @text !important; //视频播放界面工具栏文字 + } + .video-toolbar-right-item{ + color: @text !important; //视频播放界面工具栏右侧文字 + } + .video-desc-container .basic-desc-info[data-v-8ced1e78]{ + color: @text !important; //视频播放界面视频描述文字 + } + .video-desc-container .toggle-btn-text[data-v-8ced1e78]{ + color: @text !important; //视频播放界面视频描述展开收起文字 + } + .video-tag-container .tag-panel .tag-link{ + background-color: @surface1 !important; //视频播放界面视频标签背景 + color: @text !important; //视频播放界面视频标签文字 + } + #title h2{ + color: @text !important; //视频播放界面标题 "评论“ + } + #title #count{ + color: @subtext0 !important; //视频播放界面标题 "评论数“ + } + .button{ + color: @subtext0 !important; //视频播放界面标题 "评论排序按钮“文字 } + + + + + + + } } \ No newline at end of file From cceb94591e1dd98bca06cbd690ecb1e1e059cfc3 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Mon, 22 Dec 2025 18:02:49 +1100 Subject: [PATCH 036/133] top right logo18 --- styles/bilibili/catppuccin.user.less | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 033e5327b9..6e7014c9f6 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -396,7 +396,9 @@ background-color: @surface1 !important; //视频播放界面视频标签背景 color: @text !important; //视频播放界面视频标签文字 } - #title h2{ + #title h2, + .bili-comments-header-renderer #title h2, + div#title h2 { color: @text !important; //视频播放界面标题 "评论“ } #title #count{ @@ -405,7 +407,7 @@ .button{ color: @subtext0 !important; //视频播放界面标题 "评论排序按钮“文字 } - + From 06ed118f457468ea7348142eb9b2201a8714c905 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Mon, 22 Dec 2025 18:06:04 +1100 Subject: [PATCH 037/133] top right logo19 --- styles/bilibili/catppuccin.user.less | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 6e7014c9f6..9b6fbfd719 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -30,6 +30,15 @@ #lib.palette(); #lib.defaults(); + /* 覆盖B站的CSS变量 */ + :root, + #app, + body { + --text1: @text !important; + --text2: @subtext0 !important; + --text3: @subtext1 !important; + } + body { background-color: @base; From 63e71b5ebb89918c1e6c57fec99548808307eca2 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Mon, 22 Dec 2025 22:17:15 +1100 Subject: [PATCH 038/133] top right logo20 --- styles/bilibili/catppuccin.user.less | 19 +++++++++++++++++-- 1 file changed, 17 insertions(+), 2 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 9b6fbfd719..2687eb534b 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -416,8 +416,23 @@ .button{ color: @subtext0 !important; //视频播放界面标题 "评论排序按钮“文字 } - - + #editor .active{ + background-color: @surface0 !important; //视频播放界面标题 "评论条“背景 + color: @text !important; + } + .tool-btn{ + background-color: @surface0 !important; //视频播放界面标题 "评论条“下方按钮背景 + color: @text !important; + border: 1px solid @mauve !important; + } + #input #inner{ + background-color: @surface0 !important; //视频播放界面标题 "转发确认方块“背景 + border: @mauve !important; + } + #pub button{ + background-color: @mauve !important; //视频播放界面标题 "评论发布按钮“背景 + color: @text !important; + } From dc22998d8389fd9efedf33bcf63dc60adfd0730f Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Mon, 22 Dec 2025 22:23:56 +1100 Subject: [PATCH 039/133] top right logo21 --- styles/bilibili/catppuccin.user.less | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 2687eb534b..ca8047247e 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -424,8 +424,14 @@ background-color: @surface0 !important; //视频播放界面标题 "评论条“下方按钮背景 color: @text !important; border: 1px solid @mauve !important; - } - #input #inner{ + } .tool-btn svg, + .tool-btn svg path, + .button.tool-btn.emoji svg, + .button.tool-btn svg { + fill: @mauve !important; //评论工具栏图标紫色 + stroke: @mauve !important; + color: @mauve !important; + } #input #inner{ background-color: @surface0 !important; //视频播放界面标题 "转发确认方块“背景 border: @mauve !important; } From 85f6fa5fd3c2ea5ee3e940feea43ab5665e5260d Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Mon, 22 Dec 2025 22:28:07 +1100 Subject: [PATCH 040/133] top right logo22 --- styles/bilibili/catppuccin.user.less | 2 ++ 1 file changed, 2 insertions(+) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index ca8047247e..208aa74040 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -37,6 +37,8 @@ --text1: @text !important; --text2: @subtext0 !important; --text3: @subtext1 !important; + --bg3: @surface0 !important; /* 评论框背景 */ + --Ga1: @surface1 !important; /* 评论框边框 */ } body { From 58241d408baf0f6694a6dd5b78788dda7fd81edc Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Mon, 22 Dec 2025 22:34:47 +1100 Subject: [PATCH 041/133] top right logo23 --- styles/bilibili/catppuccin.user.less | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 208aa74040..1b1fcefa28 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -39,6 +39,8 @@ --text3: @subtext1 !important; --bg3: @surface0 !important; /* 评论框背景 */ --Ga1: @surface1 !important; /* 评论框边框 */ + --graph_bg_thick: @surface0 !important; /* 激活状态背景 */ + --graph_weak: @surface1 !important; /* 按钮边框 */ } body { @@ -422,10 +424,15 @@ background-color: @surface0 !important; //视频播放界面标题 "评论条“背景 color: @text !important; } + #editor.active, + div#editor.active { + background-color: @surface0 !important; + border-color: @mauve !important; + } .tool-btn{ - background-color: @surface0 !important; //视频播放界面标题 "评论条“下方按钮背景 + background-color: @surface0 !important; //视频播放界面标题 "评论条"下方按钮背景 color: @text !important; - border: 1px solid @mauve !important; + border: 1px solid @surface1 !important; } .tool-btn svg, .tool-btn svg path, .button.tool-btn.emoji svg, From 6d0f7ba7928ffcc29ce3e847f3c8d05a7818b965 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Mon, 22 Dec 2025 22:39:30 +1100 Subject: [PATCH 042/133] top right logo24 --- styles/bilibili/catppuccin.user.less | 1 + 1 file changed, 1 insertion(+) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 1b1fcefa28..86000072f6 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -37,6 +37,7 @@ --text1: @text !important; --text2: @subtext0 !important; --text3: @subtext1 !important; + --bg1: @surface0 !important; /* 主要背景色（评论框激活） */ --bg3: @surface0 !important; /* 评论框背景 */ --Ga1: @surface1 !important; /* 评论框边框 */ --graph_bg_thick: @surface0 !important; /* 激活状态背景 */ From 70bfc37e6edeea94443119bcc054321c4d357e74 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Mon, 22 Dec 2025 22:48:35 +1100 Subject: [PATCH 043/133] version 25 --- styles/bilibili/catppuccin.user.less | 17 +++++++---------- 1 file changed, 7 insertions(+), 10 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 86000072f6..65ee0fec14 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -445,16 +445,13 @@ background-color: @surface0 !important; //视频播放界面标题 "转发确认方块“背景 border: @mauve !important; } - #pub button{ - background-color: @mauve !important; //视频播放界面标题 "评论发布按钮“背景 - color: @text !important; + #pub button, + .bili-comment-box #pub button, + button[data-v-risk="fingerprint"] { + background-color: @mauve !important; //视频播放界面标题 "评论发布按钮"背景 + color: @crust !important; + opacity: 1 !important; + } } - - - - - - } -} \ No newline at end of file From 98f8941fb52cd31aeed77098da1a1b94aaee4c4f Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Mon, 22 Dec 2025 22:57:20 +1100 Subject: [PATCH 044/133] version 26 --- styles/bilibili/catppuccin.user.less | 2 ++ 1 file changed, 2 insertions(+) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 65ee0fec14..2e610771cc 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -42,6 +42,8 @@ --Ga1: @surface1 !important; /* 评论框边框 */ --graph_bg_thick: @surface0 !important; /* 激活状态背景 */ --graph_weak: @surface1 !important; /* 按钮边框 */ + --brand_blue: @mauve !important; /* 品牌蓝色改为紫色 */ + --brand_blue_rgb: 203, 166, 247 !important; /* 紫色RGB值 (Catppuccin Mauve) */ } body { From b7c816fd425aa438de1043e9c729746887053ebc Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Tue, 23 Dec 2025 01:37:47 +1100 Subject: [PATCH 045/133] version 27 --- styles/bilibili/catppuccin.user.less | 32 ++++++++++++++++++++++++++++ 1 file changed, 32 insertions(+) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 2e610771cc..986dec2377 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -454,6 +454,38 @@ color: @crust !important; opacity: 1 !important; } + + + + //视屏框内容 + .bpx-player-progress-schedule, + .bpx-player-control-bottom-progress .bpx-player-progress-schedule, + .bpx-player-control-bottom-progress .bpx-player-progress-wrap .bpx-player-progress-schedule { + background-color: @mauve !important; + } + + .bpx-player-progress-loaded { + background-color: fade(@mauve, 40%) !important; /* 已缓冲部分半透明紫 */ + } + + .bpx-player-control-bottom-progress .bpx-player-progress-wrap .bpx-player-progress { + background-color: @surface1 !important; /* 进度条背景轨道 */ + } + + + + + + + + + + + + + + + } } From db71a0d08884ab3d9a5e5011523bd50695c0e39a Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Tue, 23 Dec 2025 01:45:58 +1100 Subject: [PATCH 046/133] version 28 --- styles/bilibili/catppuccin.user.less | 22 ++++++++++------------ 1 file changed, 10 insertions(+), 12 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 986dec2377..f898ea98e8 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -473,18 +473,16 @@ } - - - - - - - - - - - - + .bpx-player-progress-schedule, + .bpx-player-control-bottom-progress .bpx-player-progress-schedule { + background-color: @mauve !important; //进度条已播放部分 + } + .bpx-player-progress-loaded { + background-color: fade(@mauve, 40%) !important; //进度条已缓冲部分 + } + .bpx-player-control-bottom-progress .bpx-player-progress { + background-color: @surface1 !important; //进度条背景轨道 + } } From b30e9fe08730c602324f42b84a3a63cc061bc6b9 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Tue, 23 Dec 2025 01:52:41 +1100 Subject: [PATCH 047/133] version 29 --- styles/bilibili/catppuccin.user.less | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index f898ea98e8..e572fdb1ef 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -474,15 +474,21 @@ .bpx-player-progress-schedule, - .bpx-player-control-bottom-progress .bpx-player-progress-schedule { + .bpx-player-control-bottom-progress .bpx-player-progress-schedule, + .bpx-player-progress .bpx-player-progress-schedule { background-color: @mauve !important; //进度条已播放部分 + background: @mauve !important; } .bpx-player-progress-loaded { background-color: fade(@mauve, 40%) !important; //进度条已缓冲部分 } - .bpx-player-control-bottom-progress .bpx-player-progress { + .bpx-player-control-bottom-progress .bpx-player-progress, + .bpx-player-progress { background-color: @surface1 !important; //进度条背景轨道 } + .bpx-player-progress-schedule-hint { + background-color: @mauve !important; //进度条悬停提示点 + } } From ae46e01d9457aa456bce0ecec836bdd7afe72844 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Tue, 23 Dec 2025 02:18:11 +1100 Subject: [PATCH 048/133] version 30 --- styles/bilibili/catppuccin.user.less | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index e572fdb1ef..dc3aee7ca6 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -489,7 +489,9 @@ .bpx-player-progress-schedule-hint { background-color: @mauve !important; //进度条悬停提示点 } - + .bpx-player-progress-schedule-current{ + background-color: @mauve !important; //进度条悬停提示点内部 + } } } From 3cfc1cb97e31e81da4e1a4142caf131ce9262de6 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Tue, 23 Dec 2025 02:19:27 +1100 Subject: [PATCH 049/133] version 31 --- styles/bilibili/catppuccin.user.less | 32 +--------------------------- 1 file changed, 1 insertion(+), 31 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index dc3aee7ca6..f389839abf 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -458,40 +458,10 @@ //视屏框内容 - .bpx-player-progress-schedule, - .bpx-player-control-bottom-progress .bpx-player-progress-schedule, - .bpx-player-control-bottom-progress .bpx-player-progress-wrap .bpx-player-progress-schedule { - background-color: @mauve !important; - } - - .bpx-player-progress-loaded { - background-color: fade(@mauve, 40%) !important; /* 已缓冲部分半透明紫 */ - } - - .bpx-player-control-bottom-progress .bpx-player-progress-wrap .bpx-player-progress { - background-color: @surface1 !important; /* 进度条背景轨道 */ - } - - - .bpx-player-progress-schedule, - .bpx-player-control-bottom-progress .bpx-player-progress-schedule, - .bpx-player-progress .bpx-player-progress-schedule { - background-color: @mauve !important; //进度条已播放部分 - background: @mauve !important; - } - .bpx-player-progress-loaded { - background-color: fade(@mauve, 40%) !important; //进度条已缓冲部分 - } - .bpx-player-control-bottom-progress .bpx-player-progress, - .bpx-player-progress { - background-color: @surface1 !important; //进度条背景轨道 - } - .bpx-player-progress-schedule-hint { - background-color: @mauve !important; //进度条悬停提示点 - } .bpx-player-progress-schedule-current{ background-color: @mauve !important; //进度条悬停提示点内部 } + } } From 79fabaf73312a0e12271cd1148d7cebacf5037c7 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Tue, 23 Dec 2025 02:34:21 +1100 Subject: [PATCH 050/133] version 32 --- styles/bilibili/catppuccin.user.less | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index f389839abf..a303e8cdba 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -461,7 +461,10 @@ .bpx-player-progress-schedule-current{ background-color: @mauve !important; //进度条悬停提示点内部 } - + .bpx-player-ctrl-btn{ + color: @text !important; //视频播放界面控制栏按钮文字 + } + } } From 217114a15d74f665eeda2ad309f45986c20093c9 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Tue, 23 Dec 2025 02:44:41 +1100 Subject: [PATCH 051/133] version 33 --- styles/bilibili/catppuccin.user.less | 1 + 1 file changed, 1 insertion(+) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index a303e8cdba..b2c88d02ae 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -463,6 +463,7 @@ } .bpx-player-ctrl-btn{ color: @text !important; //视频播放界面控制栏按钮文字 + fill: @text !important; } } From 68776074b8f4c541708f30c1aadf123eb9d4d565 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Tue, 23 Dec 2025 02:49:04 +1100 Subject: [PATCH 052/133] version 33\4 --- styles/bilibili/catppuccin.user.less | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index b2c88d02ae..64aa922224 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -463,9 +463,17 @@ } .bpx-player-ctrl-btn{ color: @text !important; //视频播放界面控制栏按钮文字 - fill: @text !important; + fill: @mauve !important; + } + + .bpx-player-ctrl-btn:hover { + background-color: @surface1 !important; //悬停背景 } + .bpx-player-ctrl-btn svg, + .bpx-player-ctrl-btn svg path { + fill: @mauve !important; //确保SVG图标是紫色 + } } } From b61a8cadfcf3b22125eba8e6dd4381bbeaa4d505 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Tue, 23 Dec 2025 03:02:34 +1100 Subject: [PATCH 053/133] version 34 --- styles/bilibili/catppuccin.user.less | 18 ++++++++++++++---- 1 file changed, 14 insertions(+), 4 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 64aa922224..5e7b181a02 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -465,15 +465,25 @@ color: @text !important; //视频播放界面控制栏按钮文字 fill: @mauve !important; } - - .bpx-player-ctrl-btn:hover { - background-color: @surface1 !important; //悬停背景 - } .bpx-player-ctrl-btn svg, .bpx-player-ctrl-btn svg path { fill: @mauve !important; //确保SVG图标是紫色 } + .bpx-player-ctrl-volume-box{ + background-color: @surface0 !important; //音量调节背景 + } + .bpx-player-ctrl-volume-number{ + color: @mauve !important; //音量数字文字 } + + + + + + + + + } } From 43aba6457c224c6abf8b933e1326726e5b5b5a4c Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Tue, 23 Dec 2025 03:20:34 +1100 Subject: [PATCH 054/133] version 35 --- styles/bilibili/catppuccin.user.less | 16 +++++++++++++++- 1 file changed, 15 insertions(+), 1 deletion(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 5e7b181a02..946edf110b 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -473,6 +473,20 @@ .bpx-player-ctrl-volume-box{ background-color: @surface0 !important; //音量调节背景 } + + /* 音量条紫色 */ + .bpx-player-ctrl-volume-progress .bui-slider, + .bui-slider { + background-color: @surface1 !important; //音量条背景轨道 + } + .bpx-player-ctrl-volume-progress .bui-bar, + .bui-bar { + background-color: @mauve !important; //音量条已设置部分（紫色） + } + .bui-slider-handle { + border-color: @mauve !important; //音量滑块边框 + background-color: @mauve !important; //音量滑块颜色 + } .bpx-player-ctrl-volume-number{ color: @mauve !important; //音量数字文字 } @@ -484,6 +498,6 @@ - + } } From 9a0704dd146dccf022210c27ea1f090decfe2d91 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Tue, 23 Dec 2025 03:28:34 +1100 Subject: [PATCH 055/133] version 36 --- styles/bilibili/catppuccin.user.less | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 946edf110b..3b026c77d8 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -487,6 +487,12 @@ border-color: @mauve !important; //音量滑块边框 background-color: @mauve !important; //音量滑块颜色 } + .bpx-player-ctrl-volume-progress .bui-slider-handle, + .bui-slider .bui-slider-handle { + border: 2px solid @mauve !important; //音量球边框 + background-color: @mauve !important; //音量球颜色 + box-shadow: 0 0 4px @mauve !important; //音量球阴影 + } .bpx-player-ctrl-volume-number{ color: @mauve !important; //音量数字文字 } From d96c326c41f1db8d07ea3a25b23931059ae551d6 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Tue, 23 Dec 2025 13:39:36 +1100 Subject: [PATCH 056/133] version 38 --- styles/bilibili/catppuccin.user.less | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 3b026c77d8..c4128c3737 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -474,6 +474,7 @@ background-color: @surface0 !important; //音量调节背景 } + /* 音量条紫色 */ .bpx-player-ctrl-volume-progress .bui-slider, .bui-slider { @@ -496,7 +497,9 @@ .bpx-player-ctrl-volume-number{ color: @mauve !important; //音量数字文字 } - + bui-slider .bui-track.bui-track-vertical .bui-bar-wrap .bui-bar{ + background-color: @mauve !important; //竖直音量球已设置部分（紫色） + } From 1424e1d6d9dc5699062dea3bbd7cb5cf787b5e17 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Tue, 23 Dec 2025 13:40:39 +1100 Subject: [PATCH 057/133] version 39 --- styles/bilibili/catppuccin.user.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index c4128c3737..ea356fe8e4 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -498,7 +498,7 @@ color: @mauve !important; //音量数字文字 } bui-slider .bui-track.bui-track-vertical .bui-bar-wrap .bui-bar{ - background-color: @mauve !important; //竖直音量球已设置部分（紫色） + background: @mauve !important; //竖直音量球已设置部分（紫色） } From a09afde517b3abb22f9b5fabae230939bc812abd Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Tue, 23 Dec 2025 13:53:35 +1100 Subject: [PATCH 058/133] version 40 --- styles/bilibili/catppuccin.user.less | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index ea356fe8e4..721fa03b08 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -497,10 +497,15 @@ .bpx-player-ctrl-volume-number{ color: @mauve !important; //音量数字文字 } - bui-slider .bui-track.bui-track-vertical .bui-bar-wrap .bui-bar{ - background: @mauve !important; //竖直音量球已设置部分（紫色） + .bui-slider .bui-track .bui-thumb .bui-thumb-dot{ + background-color: @mauve !important; //音量滑块小点 + } + .bui-panel.bui-dark{ + background-color: @surface0 !important; //音量调节深色面板背景 + } + .bpx-player-ctrl-setting-box{ + color: @text !important; //设置菜单文字 } - From e02dfd5447fbc8df3b6a6aadbe60e166e95d0f82 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Tue, 23 Dec 2025 14:03:51 +1100 Subject: [PATCH 059/133] version 41 --- styles/bilibili/catppuccin.user.less | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 721fa03b08..bf5de3deb8 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -507,7 +507,9 @@ color: @text !important; //设置菜单文字 } - + .bui-switch-dot{ + background-color: @mauve !important; //设置开关按钮颜色 + } From 7c17fb35d12aead0f19cea202d37ed0c98a52034 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Tue, 23 Dec 2025 14:05:18 +1100 Subject: [PATCH 060/133] version 42 --- styles/bilibili/catppuccin.user.less | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index bf5de3deb8..19872dea98 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -506,9 +506,11 @@ .bpx-player-ctrl-setting-box{ color: @text !important; //设置菜单文字 } - + .bui-switch-body{ + background-color: @mauve !important; //设置开关背景 + } .bui-switch-dot{ - background-color: @mauve !important; //设置开关按钮颜色 + background-color: @surface1 !important; //设置开关按钮颜色 } From 5c4e83cc8e085e9274bfdc830dafa557799f2c3d Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Tue, 23 Dec 2025 21:49:05 +1100 Subject: [PATCH 061/133] version 43 --- styles/bilibili/catppuccin.user.less | 41 ++++++++++++++++++++++++---- 1 file changed, 35 insertions(+), 6 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 19872dea98..c50fcc427d 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -335,6 +335,18 @@ background-color: @mauve !important; //视频播放界面播放按钮背景 color: @text !important; //视频播放界面播放按钮文字 } + .bpx-player-inputbar-wrap{ + background-color: @surface0 !important; //视频播放界面弹幕输入框背景 + } + .bpx-player-dm-input{ + color: @text !important; //视频播放界面弹幕输入框文字 + } + .bpx-common-svg-icon svg { + fill: @mauve !important; //视频播放界面弹幕输入框图标颜色 + } + .bpx-player-dm-hint{ + color: @text !important; //视频播放界面弹幕输入框占位符文字 + } .video-info-detail-list[data-v-0c3641b4]{ color: @text !important; //视频播放界面视频详情文字 } @@ -457,6 +469,10 @@ + + + + //视屏框内容 .bpx-player-progress-schedule-current{ background-color: @mauve !important; //进度条悬停提示点内部 @@ -466,16 +482,29 @@ fill: @mauve !important; } - .bpx-player-ctrl-btn svg, - .bpx-player-ctrl-btn svg path { + .bpx-player-ctrl-btn svg, + .bpx-player-ctrl-btn svg path { fill: @mauve !important; //确保SVG图标是紫色 } + .bpx-player-ctrl-quality-menu-wrap{ + background-color: @surface0 !important; //清晰度菜单背景 + } + .bpx-player-ctrl-quality-menu-item{ + color: @text !important; //清晰度菜单文字 + } + .bpx-player-ctrl-quality-badge .bpx-player-ctrl-quality-badge-bigvip{ + background-color: @mauve !important; //清晰度菜单大会员徽章背景 + color: @crust !important; //清晰度菜单大会员徽章文字 + } + .bpx-player-ctrl-playbackrate-menu{ + background-color: @surface0 !important; //播放速度菜单背景 + } + .bpx-player-ctrl-playbackrate-menu-item{ + color: @text !important; //播放速度菜单文字 + } .bpx-player-ctrl-volume-box{ background-color: @surface0 !important; //音量调节背景 } - - - /* 音量条紫色 */ .bpx-player-ctrl-volume-progress .bui-slider, .bui-slider { background-color: @surface1 !important; //音量条背景轨道 @@ -512,7 +541,7 @@ .bui-switch-dot{ background-color: @surface1 !important; //设置开关按钮颜色 } - + From b885f168696d2d0b83e93a405c4873dd399f6fd5 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Thu, 25 Dec 2025 01:25:48 +1100 Subject: [PATCH 062/133] version 44 --- styles/bilibili/catppuccin.user.less | 26 ++++++++++++++++++++++++-- 1 file changed, 24 insertions(+), 2 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index c50fcc427d..084efb0096 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -339,11 +339,32 @@ background-color: @surface0 !important; //视频播放界面弹幕输入框背景 } .bpx-player-dm-input{ - color: @text !important; //视频播放界面弹幕输入框文字 + background-color: @surface0 !important; // 弹幕输入框背景 + color: @text !important; // 弹幕输入框文字 + border: 1px solid @surface1 !important; // 边框 + border-radius: 8px !important; // 圆角 + padding: 6px 10px !important; // 内边距，确保与原布局兼容 + outline: none !important; + caret-color: @accent !important; + box-shadow: 0 1px 0 fade(@mantle, 10%) inset, 0 2px 8px fade(@mantle, 6%) !important; + -webkit-text-fill-color: @text !important; + } + .bpx-player-dm-input::placeholder{ + color: @subtext0 !important; // 占位符颜色 + opacity: 1 !important; + } + .bpx-player-dm-input:focus{ + border-color: @mauve !important; // 聚焦时的强调色 + box-shadow: 0 0 0 4px fade(@mauve, 12%) !important; + background-color: mix(@surface0, @mantle, 6%) !important; } .bpx-common-svg-icon svg { fill: @mauve !important; //视频播放界面弹幕输入框图标颜色 } + .bui-danmaku-switch-label{ + background-color: @mauve !important; //弹幕开关按钮 + } + .bpx-player-dm-hint{ color: @text !important; //视频播放界面弹幕输入框占位符文字 } @@ -466,6 +487,7 @@ color: @crust !important; opacity: 1 !important; } + @@ -541,7 +563,7 @@ .bui-switch-dot{ background-color: @surface1 !important; //设置开关按钮颜色 } - + From b622466bfdcdf4f438eef3fdb4c31aa1f84dd15a Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Thu, 25 Dec 2025 01:28:25 +1100 Subject: [PATCH 063/133] version 45 --- styles/bilibili/catppuccin.user.less | 24 ++++++++++++++++++++++++ 1 file changed, 24 insertions(+) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 084efb0096..859282fe88 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -358,6 +358,30 @@ box-shadow: 0 0 0 4px fade(@mauve, 12%) !important; background-color: mix(@surface0, @mantle, 6%) !important; } + /* 更强的覆盖：针对可能更具体或内联的站点规则 */ + .bpx-player-video-inputbar-wrap input.bpx-player-dm-input, + .bpx-player-sending-bar input.bpx-player-dm-input, + .bpx-player-container input.bpx-player-dm-input, + .bpx-player-video-inputbar-wrap .bpx-player-dm-input, + input.bpx-player-dm-input.bpx-player-dm-input { + background: @surface0 !important; + background-image: none !important; + -webkit-appearance: none !important; + appearance: none !important; + box-shadow: 0 1px 0 fade(@mantle, 10%) inset, 0 2px 8px fade(@mantle, 6%) !important; + border: 1px solid @surface1 !important; + color: @text !important; + -webkit-text-fill-color: @text !important; + opacity: 1 !important; + } + /* Autofill / browser styling overrides */ + input.bpx-player-dm-input:-webkit-autofill, + input.bpx-player-dm-input:-webkit-autofill:hover, + input.bpx-player-dm-input:-webkit-autofill:focus { + -webkit-text-fill-color: @text !important; + box-shadow: 0 0 0px 1000px @surface0 inset !important; + background: @surface0 !important; + } .bpx-common-svg-icon svg { fill: @mauve !important; //视频播放界面弹幕输入框图标颜色 } From e18cc007a09bae185a35d0399ee68a37a7bfc8da Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Thu, 25 Dec 2025 01:38:57 +1100 Subject: [PATCH 064/133] version 46 --- styles/bilibili/catppuccin.user.less | 26 ++++++++++++++++++++++++++ 1 file changed, 26 insertions(+) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 859282fe88..5823ee9d8f 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -382,6 +382,32 @@ box-shadow: 0 0 0px 1000px @surface0 inset !important; background: @surface0 !important; } + /* 如果父容器有白色背景，强制覆盖父容器样式 */ + .bpx-player-sending-bar, + .bpx-player-video-inputbar-wrap, + .bpx-player-sending-bar .bpx-player-video-inputbar-wrap, + .bpx-player-video-inputbar-wrap .bpx-player-dm-root, + .bpx-player-video-inputbar-wrap .bpx-player-dm-wrap { + background: @surface0 !important; + background-color: @surface0 !important; + box-shadow: none !important; + border-radius: 10px !important; + -webkit-background-clip: padding-box !important; + } + /* 超高优先级（尽可能覆盖内联样式）：增加元素层级和属性选择器 */ + html body .bpx-player-sending-bar[style], + html body .bpx-player-video-inputbar-wrap[style], + html body input.bpx-player-dm-input[style] { + background: @surface0 !important; + background-color: @surface0 !important; + border: 1px solid @surface1 !important; + box-shadow: 0 1px 0 fade(@mantle, 8%) inset !important; + } + /* 兼容 shadow DOM / 深度选择（如果使用 userstyles 扩展支持） */ + :root ::-webkit-media-controls-panel, + :root ::-webkit-media-controls-mute-button { + background: @surface0 !important; + } .bpx-common-svg-icon svg { fill: @mauve !important; //视频播放界面弹幕输入框图标颜色 } From c08d516a65a670f1879e97d7f369941997b97c69 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Thu, 25 Dec 2025 01:47:01 +1100 Subject: [PATCH 065/133] version 47 --- styles/bilibili/catppuccin.user.less | 24 +++++++++++++++++++++++- 1 file changed, 23 insertions(+), 1 deletion(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 5823ee9d8f..fbd3f69c65 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -392,6 +392,7 @@ background-color: @surface0 !important; box-shadow: none !important; border-radius: 10px !important; + overflow: hidden !important; /* clip children so corners don't show white */ -webkit-background-clip: padding-box !important; } /* 超高优先级（尽可能覆盖内联样式）：增加元素层级和属性选择器 */ @@ -403,6 +404,27 @@ border: 1px solid @surface1 !important; box-shadow: 0 1px 0 fade(@mantle, 8%) inset !important; } + /* 保证输入框本身与父容器使用一致圆角并被裁剪 */ + .bpx-player-video-inputbar-wrap .bpx-player-dm-input, + .bpx-player-sending-bar .bpx-player-dm-input, + .bpx-player-video-inputbar-wrap input.bpx-player-dm-input { + border-radius: inherit !important; + background-clip: padding-box !important; + box-shadow: none !important; + margin: 0 !important; + height: auto !important; + line-height: normal !important; + } + /* 保证发送按钮区域与输入框在同一背景、无白边 */ + .bpx-player-video-btn-dm, + .bpx-player-video-btn-send, + .bpx-player-dm-wrap, + .bpx-player-dm-root { + background: transparent !important; + background-color: transparent !important; + border: 0 !important; + box-shadow: none !important; + } /* 兼容 shadow DOM / 深度选择（如果使用 userstyles 扩展支持） */ :root ::-webkit-media-controls-panel, :root ::-webkit-media-controls-mute-button { @@ -412,7 +434,7 @@ fill: @mauve !important; //视频播放界面弹幕输入框图标颜色 } .bui-danmaku-switch-label{ - background-color: @mauve !important; //弹幕开关按钮 + color: @mauve !important; //弹幕开关按钮 } .bpx-player-dm-hint{ From 21c903ec0c50fa374859cbaa5622c16d67636cce Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Thu, 25 Dec 2025 01:53:11 +1100 Subject: [PATCH 066/133] version 48 --- styles/bilibili/catppuccin.user.less | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index fbd3f69c65..17ff472ef3 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -433,10 +433,9 @@ .bpx-common-svg-icon svg { fill: @mauve !important; //视频播放界面弹幕输入框图标颜色 } - .bui-danmaku-switch-label{ - color: @mauve !important; //弹幕开关按钮 + .bui-danmaku-switch .bui-danmaku-switch-input{ + color: @mauve !important; //弹幕开关按钮文字 } - .bpx-player-dm-hint{ color: @text !important; //视频播放界面弹幕输入框占位符文字 } From 1a3c6d5f060343240b8d920e16bc30634ace89a8 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Thu, 25 Dec 2025 02:00:41 +1100 Subject: [PATCH 067/133] version 49 --- styles/bilibili/catppuccin.user.less | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 17ff472ef3..df24009795 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -433,8 +433,8 @@ .bpx-common-svg-icon svg { fill: @mauve !important; //视频播放界面弹幕输入框图标颜色 } - .bui-danmaku-switch .bui-danmaku-switch-input{ - color: @mauve !important; //弹幕开关按钮文字 + .bui-danmaku-switch{ + fill: @mauve !important; //视频播放界面弹幕开关图标颜色 } .bpx-player-dm-hint{ color: @text !important; //视频播放界面弹幕输入框占位符文字 From 0a5cefa899d2a54f7e112b70856c3836a758c22b Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Thu, 25 Dec 2025 02:04:34 +1100 Subject: [PATCH 068/133] version 50 --- styles/bilibili/catppuccin.user.less | 32 ++++++++++++++++++++++++++++ 1 file changed, 32 insertions(+) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index df24009795..7e091eabf9 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -322,6 +322,38 @@ .bpx-player-sending-bar{ background-color: @mantle !important; //视频发送弹幕栏背景 } + /* 强制清除可能残留的白色角落：清空伪元素/子元素背景并统一圆角 */ + .bpx-player-video-inputbar-wrap, + .bpx-player-sending-bar, + .bpx-player-video-inputbar-wrap::before, + .bpx-player-video-inputbar-wrap::after, + .bpx-player-sending-bar::before, + .bpx-player-sending-bar::after, + .bpx-player-video-inputbar-wrap *, + .bpx-player-sending-bar * { + background: @surface0 !important; + background-color: @surface0 !important; + box-shadow: none !important; + border: 0 none !important; + border-radius: 10px !important; + -webkit-background-clip: padding-box !important; + } + /* 统一输入框圆角并去掉内置阴影/边框 */ + .bpx-player-video-inputbar-wrap .bpx-player-dm-input, + .bpx-player-sending-bar .bpx-player-dm-input, + input.bpx-player-dm-input { + border-radius: 10px !important; + background: @surface0 !important; + background-color: @surface0 !important; + box-shadow: none !important; + border: 1px solid @surface1 !important; + margin: 0 !important; + padding: 6px 10px !important; + -webkit-appearance: none !important; + appearance: none !important; + -webkit-background-clip: padding-box !important; + background-clip: padding-box !important; + } .bpx-player-video-info-online{ color: @text !important; //视频播放界面在线人数文字 } From a65f6defb61e9c0ccb9e772e79ab2cee01369a84 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Thu, 25 Dec 2025 02:16:51 +1100 Subject: [PATCH 069/133] version 51 --- styles/bilibili/catppuccin.user.less | 46 +++++++++------------------- 1 file changed, 14 insertions(+), 32 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 7e091eabf9..71c6369a21 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -322,38 +322,7 @@ .bpx-player-sending-bar{ background-color: @mantle !important; //视频发送弹幕栏背景 } - /* 强制清除可能残留的白色角落：清空伪元素/子元素背景并统一圆角 */ - .bpx-player-video-inputbar-wrap, - .bpx-player-sending-bar, - .bpx-player-video-inputbar-wrap::before, - .bpx-player-video-inputbar-wrap::after, - .bpx-player-sending-bar::before, - .bpx-player-sending-bar::after, - .bpx-player-video-inputbar-wrap *, - .bpx-player-sending-bar * { - background: @surface0 !important; - background-color: @surface0 !important; - box-shadow: none !important; - border: 0 none !important; - border-radius: 10px !important; - -webkit-background-clip: padding-box !important; - } - /* 统一输入框圆角并去掉内置阴影/边框 */ - .bpx-player-video-inputbar-wrap .bpx-player-dm-input, - .bpx-player-sending-bar .bpx-player-dm-input, - input.bpx-player-dm-input { - border-radius: 10px !important; - background: @surface0 !important; - background-color: @surface0 !important; - box-shadow: none !important; - border: 1px solid @surface1 !important; - margin: 0 !important; - padding: 6px 10px !important; - -webkit-appearance: none !important; - appearance: none !important; - -webkit-background-clip: padding-box !important; - background-clip: padding-box !important; - } + .bpx-player-video-info-online{ color: @text !important; //视频播放界面在线人数文字 } @@ -474,6 +443,9 @@ .video-info-detail-list[data-v-0c3641b4]{ color: @text !important; //视频播放界面视频详情文字 } + .show-more-btn{ + color: @mauve !important; //视频播放界面视频详情下面tag 展开更多按钮 + } .video-info-detail-list .copyright .copyright-icon[data-v-0c3641b4]{ fill: @mauve !important; //视频播放界面版权图标颜色 } @@ -590,6 +562,16 @@ color: @crust !important; opacity: 1 !important; } + + .reply-item bili-rich-text,//评论区链接改成紫色 + .bili-comment-container bili-rich-text, + #comment bili-rich-text { + --bili-rich-text-link-color: @mauve !important; /* Catppuccin Mauve */ +} + + + + From f35691b1ad9cabbe5caffd52f26549799aa3b077 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Thu, 25 Dec 2025 02:21:47 +1100 Subject: [PATCH 070/133] version 52 --- styles/bilibili/catppuccin.user.less | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 71c6369a21..bc8d9522a0 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -443,8 +443,9 @@ .video-info-detail-list[data-v-0c3641b4]{ color: @text !important; //视频播放界面视频详情文字 } - .show-more-btn{ - color: @mauve !important; //视频播放界面视频详情下面tag 展开更多按钮 + .video-tag-container .tag-panel .tag .show-more-btn[data-v-cf3f07d2]{ + background: @mauve !important; //视频播放界面视频标签"更多"按钮背景 + color: @crust !important; } .video-info-detail-list .copyright .copyright-icon[data-v-0c3641b4]{ fill: @mauve !important; //视频播放界面版权图标颜色 From 6e86dfba8521a0b9068e3918f81afbcebad7bae8 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Thu, 25 Dec 2025 02:25:22 +1100 Subject: [PATCH 071/133] version 53 --- styles/bilibili/catppuccin.user.less | 15 +++++++-------- 1 file changed, 7 insertions(+), 8 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index bc8d9522a0..ec7e5a9d94 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -563,14 +563,13 @@ color: @crust !important; opacity: 1 !important; } - - .reply-item bili-rich-text,//评论区链接改成紫色 - .bili-comment-container bili-rich-text, - #comment bili-rich-text { - --bili-rich-text-link-color: @mauve !important; /* Catppuccin Mauve */ -} - - + #contents a{ + color: @mauve !important; //视频播放界面标题 "评论区链接"文字 + } + .tag{ + background-color: @surface1 !important; //视频播放界面标题 "评论区标签"背景 + color: @text !important; //视频播放界面标题 "评论区标签"文字 + } From 519496e285b95ed7285a1e5e261944a9a3096030 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Thu, 25 Dec 2025 02:30:33 +1100 Subject: [PATCH 072/133] version 54 --- styles/bilibili/catppuccin.user.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index ec7e5a9d94..930f0fd26f 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -567,7 +567,7 @@ color: @mauve !important; //视频播放界面标题 "评论区链接"文字 } .tag{ - background-color: @surface1 !important; //视频播放界面标题 "评论区标签"背景 + --bili-comment-tag-bg: @surface1 !important; //up主很赞标签背景 color: @text !important; //视频播放界面标题 "评论区标签"文字 } From bca1eac178c8291ece7c57d22a3acd2b208a376f Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Thu, 25 Dec 2025 02:42:53 +1100 Subject: [PATCH 073/133] version 55 --- styles/bilibili/catppuccin.user.less | 19 ++++++++++++++----- 1 file changed, 14 insertions(+), 5 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 930f0fd26f..7611133300 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -645,13 +645,22 @@ .bui-switch-body{ background-color: @mauve !important; //设置开关背景 } - .bui-switch-dot{ - background-color: @surface1 !important; //设置开关按钮颜色 - } + /* Make comment tags use Catppuccin accent (subtle pastel) */ + .bili-comment-renderer .tag, + .bili-comment-renderer .tag .bili-comment-tag, + .bili-comment-tag { + background-color: mix(@accent, @surface0, 86%) !important; + color: @text !important; + border: 1px solid fade(@accent, 30%) !important; + box-shadow: none !important; +} - } - } + + } + } + + From 78d7941abe04fdbc168a052f3f0a435a75a291e0 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Thu, 25 Dec 2025 02:46:36 +1100 Subject: [PATCH 074/133] version 56 --- styles/bilibili/catppuccin.user.less | 49 +++++++++++++++++++--------- 1 file changed, 34 insertions(+), 15 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 7611133300..c4a9e8546d 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -645,22 +645,41 @@ .bui-switch-body{ background-color: @mauve !important; //设置开关背景 } - /* Make comment tags use Catppuccin accent (subtle pastel) */ - .bili-comment-renderer .tag, - .bili-comment-renderer .tag .bili-comment-tag, - .bili-comment-tag { - background-color: mix(@accent, @surface0, 86%) !important; - color: @text !important; - border: 1px solid fade(@accent, 30%) !important; - box-shadow: none !important; -} - - - - - + .bui-switch-dot{ + background-color: @surface1 !important; //设置开关按钮颜色 + } + + /* Make comment tags ("up主很赞" etc.) use Catppuccin accent color */ + .bili-comment-tag, + .bili-comment-renderer .bili-comment-tag, + .comment-item .bili-comment-tag, + .comment-container .bili-comment-tag, + .reply-item .bili-comment-tag, + div[class*="comment"] .bili-comment-tag, + span[class*="tag"]:contains("up主"), + span[class*="tag"]:contains("很赞"), + .tag:contains("up主"), + .tag:contains("很赞") { + background-color: mix(@accent, @surface0, 75%) !important; + color: @text !important; + border: 1px solid fade(@accent, 40%) !important; + border-radius: 4px !important; + box-shadow: none !important; + font-size: 12px !important; + padding: 2px 6px !important; + } - } + /* Alternative broader selectors for comment tags */ + [class*="bili-comment"] [class*="tag"], + [class*="comment"] [class*="tag"], + .reply-box [class*="tag"], + .comment-bilibili [class*="tag"] { + background-color: mix(@accent, @surface0, 75%) !important; + color: @text !important; + border: 1px solid fade(@accent, 40%) !important; } + } + } + From b749989e0afd026b88fb6c443ed4407006ca9d05 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Thu, 25 Dec 2025 02:50:01 +1100 Subject: [PATCH 075/133] version 57 --- styles/bilibili/catppuccin.user.less | 37 +++++++++++++++++----------- 1 file changed, 23 insertions(+), 14 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index c4a9e8546d..8ed55f6d0b 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -650,16 +650,33 @@ } /* Make comment tags ("up主很赞" etc.) use Catppuccin accent color */ + /* Try multiple specific selectors to override B站's styles */ .bili-comment-tag, .bili-comment-renderer .bili-comment-tag, .comment-item .bili-comment-tag, .comment-container .bili-comment-tag, .reply-item .bili-comment-tag, div[class*="comment"] .bili-comment-tag, - span[class*="tag"]:contains("up主"), - span[class*="tag"]:contains("很赞"), - .tag:contains("up主"), - .tag:contains("很赞") { + .bili-comment-text .bili-comment-tag, + .bili-comment-content .bili-comment-tag, + .comment-bilibili .bili-comment-tag, + span.bili-comment-tag, + div.bili-comment-tag, + /* Try more general tag selectors */ + [class*="bili-comment"] [class*="tag"], + [class*="comment"] [class*="tag"], + .reply-box [class*="tag"], + .comment-bilibili [class*="tag"], + /* Ultra-specific overrides */ + html body .bili-comment-tag, + html body div[class*="comment"] span[class*="tag"], + html body div[class*="bili-comment"] span[class*="tag"], + /* Use attribute selectors for text content matching */ + span[class*="tag"][title*="up主"], + span[class*="tag"][title*="很赞"], + div[class*="tag"][title*="up主"], + div[class*="tag"][title*="很赞"] { + background: mix(@accent, @surface0, 75%) !important; background-color: mix(@accent, @surface0, 75%) !important; color: @text !important; border: 1px solid fade(@accent, 40%) !important; @@ -667,16 +684,8 @@ box-shadow: none !important; font-size: 12px !important; padding: 2px 6px !important; - } - - /* Alternative broader selectors for comment tags */ - [class*="bili-comment"] [class*="tag"], - [class*="comment"] [class*="tag"], - .reply-box [class*="tag"], - .comment-bilibili [class*="tag"] { - background-color: mix(@accent, @surface0, 75%) !important; - color: @text !important; - border: 1px solid fade(@accent, 40%) !important; + /* Force override any inline styles */ + background-image: none !important; } } From 0681a5c67816e3c5bd0f7fd982579ba84e6e5060 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Thu, 25 Dec 2025 03:01:42 +1100 Subject: [PATCH 076/133] version 58 --- styles/bilibili/catppuccin.user.less | 41 ++-------------------------- 1 file changed, 2 insertions(+), 39 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 8ed55f6d0b..bf535dc12a 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -44,6 +44,8 @@ --graph_weak: @surface1 !important; /* 按钮边框 */ --brand_blue: @mauve !important; /* 品牌蓝色改为紫色 */ --brand_blue_rgb: 203, 166, 247 !important; /* 紫色RGB值 (Catppuccin Mauve) */ + --bili-comment-tag-bg-light: @surface1 !important; + --bili-comment-tag-color-light: @text !important; } body { @@ -649,45 +651,6 @@ background-color: @surface1 !important; //设置开关按钮颜色 } - /* Make comment tags ("up主很赞" etc.) use Catppuccin accent color */ - /* Try multiple specific selectors to override B站's styles */ - .bili-comment-tag, - .bili-comment-renderer .bili-comment-tag, - .comment-item .bili-comment-tag, - .comment-container .bili-comment-tag, - .reply-item .bili-comment-tag, - div[class*="comment"] .bili-comment-tag, - .bili-comment-text .bili-comment-tag, - .bili-comment-content .bili-comment-tag, - .comment-bilibili .bili-comment-tag, - span.bili-comment-tag, - div.bili-comment-tag, - /* Try more general tag selectors */ - [class*="bili-comment"] [class*="tag"], - [class*="comment"] [class*="tag"], - .reply-box [class*="tag"], - .comment-bilibili [class*="tag"], - /* Ultra-specific overrides */ - html body .bili-comment-tag, - html body div[class*="comment"] span[class*="tag"], - html body div[class*="bili-comment"] span[class*="tag"], - /* Use attribute selectors for text content matching */ - span[class*="tag"][title*="up主"], - span[class*="tag"][title*="很赞"], - div[class*="tag"][title*="up主"], - div[class*="tag"][title*="很赞"] { - background: mix(@accent, @surface0, 75%) !important; - background-color: mix(@accent, @surface0, 75%) !important; - color: @text !important; - border: 1px solid fade(@accent, 40%) !important; - border-radius: 4px !important; - box-shadow: none !important; - font-size: 12px !important; - padding: 2px 6px !important; - /* Force override any inline styles */ - background-image: none !important; - } - } } From 5ca9cd09d3d96a545fbf26b777f9d8e8762b728b Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Thu, 25 Dec 2025 03:05:21 +1100 Subject: [PATCH 077/133] version 59 --- styles/bilibili/catppuccin.user.less | 13 +++++++++---- 1 file changed, 9 insertions(+), 4 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index bf535dc12a..861e376e10 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -568,10 +568,15 @@ #contents a{ color: @mauve !important; //视频播放界面标题 "评论区链接"文字 } - .tag{ - --bili-comment-tag-bg: @surface1 !important; //up主很赞标签背景 - color: @text !important; //视频播放界面标题 "评论区标签"文字 - } + #comment .tag { + --bili-comment-tag-bg-light: @surface1 !important; + --bili-comment-tag-bg-dark: @surface1 !important; + --bili-comment-tag-color-light: @text !important; + --bili-comment-tag-color-dark: @text !important; + + background-color: @surface1 !important; + color: @text !important; + } From 6dc1bb4df6b3238592a6a87872b81a1ffd4e2b99 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Thu, 25 Dec 2025 03:12:22 +1100 Subject: [PATCH 078/133] version 60 --- styles/bilibili/catppuccin.user.less | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 861e376e10..997f240774 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -656,6 +656,23 @@ background-color: @surface1 !important; //设置开关按钮颜色 } + + + + + + + + // ===搜索视频页面=== + .search-input-container .search-input-wrap[data-v-64f8f917]{ + background: @ surface0 !important; //搜索输入框背景 + border: 1px solid @mauve !important; //搜索输入框边框 + } + .vui_button--blue, .vui_button--blue:focus { + color: text; + background: @mauve; + border: 1px solid @mauve; +} } } From 30999a799874c3378b3710996a92b68f6c338825 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Thu, 25 Dec 2025 03:13:48 +1100 Subject: [PATCH 079/133] version 61 --- styles/bilibili/catppuccin.user.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 997f240774..4390df7a89 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -665,7 +665,7 @@ // ===搜索视频页面=== .search-input-container .search-input-wrap[data-v-64f8f917]{ - background: @ surface0 !important; //搜索输入框背景 + background: @surface0 !important; //搜索输入框背景 border: 1px solid @mauve !important; //搜索输入框边框 } .vui_button--blue, .vui_button--blue:focus { From b3bdd7bbd41380855b41a1098dbd6be710515b3d Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Thu, 25 Dec 2025 03:30:50 +1100 Subject: [PATCH 080/133] version 62 --- styles/bilibili/catppuccin.user.less | 31 ++++++++++++++++++++++++++-- 1 file changed, 29 insertions(+), 2 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 4390df7a89..9602be9555 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -672,8 +672,35 @@ color: text; background: @mauve; border: 1px solid @mauve; -} } - } + .vui_tabs--navbar .vui_tabs--nav-item .vui_tabs--nav-text{ + color: @text !important; //搜索页面分区栏目文字 + } + .vui_tabs--navbar .vui_tabs--nav-item:hover .vui_tabs--nav-text, .vui_tabs--navbar .vui_tabs--nav-item-active .vui_tabs--nav-text{ + color: @mauve !important; //搜索页面分区栏目文字悬停和激活 + } + .vui_tabs--navbar .vui_tabs--nav-item .vui_tabs--nav-num{ + background: @surface1 !important; //搜索页面分区栏目数字背景 + color: @text !important; //搜索页面分区栏目数字文字 + } + .vui_button--tab, .vui_button--tab:focus{ + background: @surface1 !important; //搜索页面排序按钮背景 + color: @text !important; //搜索页面排序按钮文字 + } + .vui_button--tab:active, .vui_button--tab.vui_button--active, + .vui_button--tab.vui_button--active:hover{ + background: @mauve !important; //搜索页面排序按钮激活背景 + color: @crust !important; //搜索页面排序按钮激活文字 + } + .vui_button, .vui_button:focus{ + background: @mauve !important; //搜索页面分页按钮背景 + color: @text !important; //搜索页面分页按钮文字 + } + .search-input-container .search-fixed-header[data-v-64f8f917]{ + background: @base !important; //搜索页面滑动出现的header背景 + } + + } +} From b132f72ea1f9aa9bd954421cce8bb872ba649124 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Thu, 25 Dec 2025 03:32:12 +1100 Subject: [PATCH 081/133] version 63 --- styles/bilibili/catppuccin.user.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 9602be9555..9fd5c5971d 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -693,7 +693,7 @@ color: @crust !important; //搜索页面排序按钮激活文字 } .vui_button, .vui_button:focus{ - background: @mauve !important; //搜索页面分页按钮背景 + background: @surface1 !important; //搜索页面分页按钮背景 color: @text !important; //搜索页面分页按钮文字 } .search-input-container .search-fixed-header[data-v-64f8f917]{ From ed738d60f979061b99157727ba701c3c9b701ea7 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Thu, 25 Dec 2025 03:48:07 +1100 Subject: [PATCH 082/133] version 64 --- styles/bilibili/catppuccin.user.less | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 9fd5c5971d..78c2733217 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -668,6 +668,9 @@ background: @surface0 !important; //搜索输入框背景 border: 1px solid @mauve !important; //搜索输入框边框 } + .vui_tabs--navbar .vui_tabs--nav-slider{ + background: @mauve !important; //搜索页面分区栏目下划线 + } .vui_button--blue, .vui_button--blue:focus { color: text; background: @mauve; @@ -691,6 +694,11 @@ .vui_button--tab.vui_button--active:hover{ background: @mauve !important; //搜索页面排序按钮激活背景 color: @crust !important; //搜索页面排序按钮激活文字 + border: 1px solid @mauve !important; + } + .vui_button--tab:hover{ + background: @surface1 !important; //搜索页面排序按钮悬停背景 + color: @crust !important; //搜索页面排序按钮悬停文字 } .vui_button, .vui_button:focus{ background: @surface1 !important; //搜索页面分页按钮背景 @@ -699,6 +707,12 @@ .search-input-container .search-fixed-header[data-v-64f8f917]{ background: @base !important; //搜索页面滑动出现的header背景 } + .search-date-picker .search-date-picker__trigger .date-trigger[data-v-36b38319]{ + background-color: @surface1 !important; //搜索页面日期选择器背景 + color: @text !important; //搜索页面日期选择器文字 + border: 1px solid @surface1 !important; //搜索页面日期选择器边框 + } + } From eeac037c57a2fdb60ff45137a4c9718c188bfc80 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Thu, 25 Dec 2025 03:53:54 +1100 Subject: [PATCH 083/133] version 65 --- styles/bilibili/catppuccin.user.less | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 78c2733217..703afed077 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -712,7 +712,11 @@ color: @text !important; //搜索页面日期选择器文字 border: 1px solid @surface1 !important; //搜索页面日期选择器边框 } - + .vui_button--active-blue:active, + .vui_button--active-blue.vui_button--active, + .vui_button--active-blue.vui_button--active:hover{ + border: 1px solid @mauve !important; //搜索页面日期选择器激活边框 + } } From 5d9641feeeab6a5b44864bc71b1947433622cd79 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Thu, 25 Dec 2025 04:24:26 +1100 Subject: [PATCH 084/133] add english notes --- styles/bilibili/catppuccin.user.less | 336 +++++++++++++-------------- 1 file changed, 168 insertions(+), 168 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 703afed077..8dc959685a 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -30,20 +30,20 @@ #lib.palette(); #lib.defaults(); - /* 覆盖B站的CSS变量 */ + /* Override Bilibili CSS variables | 覆盖B站的CSS变量 */ :root, #app, body { --text1: @text !important; --text2: @subtext0 !important; --text3: @subtext1 !important; - --bg1: @surface0 !important; /* 主要背景色（评论框激活） */ - --bg3: @surface0 !important; /* 评论框背景 */ - --Ga1: @surface1 !important; /* 评论框边框 */ - --graph_bg_thick: @surface0 !important; /* 激活状态背景 */ - --graph_weak: @surface1 !important; /* 按钮边框 */ - --brand_blue: @mauve !important; /* 品牌蓝色改为紫色 */ - --brand_blue_rgb: 203, 166, 247 !important; /* 紫色RGB值 (Catppuccin Mauve) */ + --bg1: @surface0 !important; /* Main background (comment box active) | 主要背景色（评论框激活） */ + --bg3: @surface0 !important; /* Comment box background | 评论框背景 */ + --Ga1: @surface1 !important; /* Comment box border | 评论框边框 */ + --graph_bg_thick: @surface0 !important; /* Active state background | 激活状态背景 */ + --graph_weak: @surface1 !important; /* Button border | 按钮边框 */ + --brand_blue: @mauve !important; /* Brand blue to purple | 品牌蓝色改为紫色 */ + --brand_blue_rgb: 203, 166, 247 !important; /* Purple RGB value (Catppuccin Mauve) | 紫色RGB值 (Catppuccin Mauve) */ --bili-comment-tag-bg-light: @surface1 !important; --bili-comment-tag-color-light: @text !important; } @@ -62,124 +62,124 @@ color: @accent; } - // === 首页背景色 === - .bili-feed4{ //首页推荐区块背景 - background-color:@base !important; //base 背景色 + // === Homepage background colors | 首页背景色 === + .bili-feed4{ // Homepage recommendation section background | 首页推荐区块背景 + background-color:@base !important; // Base background color | base 背景色 } - .bili-header .large-header { //头部背景 - background-color: @mantle !important; //mantle 头部背景色 + .bili-header .large-header { // Header background | 头部背景 + background-color: @mantle !important; // Mantle header background | mantle 头部背景色 } - .bili-header__bar { //顶部栏 + .bili-header__bar { // Top bar | 顶部栏 background-color: @mantle !important; } - // === 顶部左侧文字 ==== + // === Top left text | 顶部左侧文字 === .bili-header__bar .left-entry span, - .bili-header__bar .left-entry a { //主页左上角标题文字 + .bili-header__bar .left-entry a { // Homepage top-left title text | 主页左上角标题文字 color : @text !important; } .bili-header__bar .left-entry span:hover, - .bili-header__bar .left-entry a:hover { //主页左侧图标悬停 + .bili-header__bar .left-entry a:hover { // Homepage left icon hover | 主页左侧图标悬停 color : @accent !important; } .bili-header__bar .left-entry .entry-title svg.zhuzhan-icon, .bili-header__bar .left-entry .entry-title svg.zhuzhan-icon path, .bili-header__bar .left-entry .entry-title svg.zhuzhan-icon use{ - fill: @mauve !important; //主页左侧图标颜色 + fill: @mauve !important; // Homepage left icon color | 主页左侧图标颜色 stroke: @mauve !important; } .zhuzhan-icon{ - fill: @mauve !important; //主页左侧图标颜色 + fill: @mauve !important; // Homepage left icon color | 主页左侧图标颜色 } .bili-header .left-entry .mini-header__logo, .bili-header .left-entry .mini-header__logo svg, .bili-header .left-entry .mini-header__logo svg path, .bili-header .left-entry svg.mini-header__logo, .bili-header .left-entry svg.mini-header__logo path { - fill: @mauve !important; //左上角小logo紫色 + fill: @mauve !important; // Top-left mini logo purple | 左上角小 logo 紫色 stroke: @mauve !important; } - // === 顶部搜索框 === + // === Top search box | 顶部搜索框 === .bili-header .center-search-container { - background-color: @mantle !important; //搜索框背景 + background-color: @mantle !important; // Search box background | 搜索框背景 } .nav-search, .nav-search .center-search__bar { - background-color: @mantle !important; //搜索框下拉 + background-color: @mantle !important; // Search box dropdown | 搜索框下拉 } .trending-item { - color: @mauve !important; //搜索框下拉文字 + color: @mauve !important; // Search box dropdown text | 搜索框下拉文字 } .nav-search-content { - background-color: @mantle !important; //搜索框外圈 - border: 2px solid @mauve !important; //搜索框外圈边框 + background-color: @mantle !important; // Search box outer ring | 搜索框外圈 + border: 2px solid @mauve !important; // Search box outer ring border | 搜索框外圈边框 } .nav-searchform, #nav-searchform, #nav-searchform.is-focus { - border-color: @surface1 !important; //搜索框边框 - background-color: @surface0 !important; //搜索框内部背景 + border-color: @surface1 !important; // Search box border | 搜索框边框 + background-color: @surface0 !important; // Search box inner background | 搜索框内部背景 } .nav-search-input { background-color: @surface0 !important; - color: @text !important; //搜索框输入 + color: @text !important; // Search box input | 搜索框输入 } .nav-search-input::placeholder { - color: @subtext0 !important; //搜索框占位符 + color: @subtext0 !important; // Search box placeholder | 搜索框占位符 } - .search-panel { //搜索建议下拉 + .search-panel { // Search suggestions dropdown | 搜索建议下拉 background-color: @surface0 !important; border-color: @surface1 !important; } .history-item { - background-color: @surface1 !important; //搜索历史背景 + background-color: @surface1 !important; // Search history background | 搜索历史背景 } .history-item:hover, .search-panel .history-item:hover { - background-color: fade(@surface2, 50%) !important; //搜索历史悬停背景（更暗） + background-color: fade(@surface2, 50%) !important; // Search history hover background (darker) | 搜索历史悬停背景（更暗） } .trending-item:hover { - background-color: fade(@surface2, 50%) !important; //热搜悬停 + background-color: fade(@surface2, 50%) !important; // Hot search hover | 热搜悬停 } .history .header .title{ - color: @text !important; //搜索历史标题文字 + color: @text !important; // Search history title text | 搜索历史标题文字 } .history-text{ - color: @text !important; //搜索历史文字 + color: @text !important; // Search history text | 搜索历史文字 } .trending .header .title{ - color: @text !important; //搜索热门标题文字 + color: @text !important; // Search hot topics title text | 搜索热门标题文字 } .trendings-rank .search-rank-top{ - color : @yellow !important; //搜索热门排行文字 + color : @yellow !important; // Search hot topics ranking text | 搜索热门排行文字 } .suggest-item { - color: @text !important; //搜索建议文字 + color: @text !important; // Search suggestion text | 搜索建议文字 } .suggest-item:hover { - background-color: @surface0 !important; //搜索建议悬停 - color: @accent !important; //搜索建议悬停文字 + background-color: @surface0 !important; // Search suggestion hover | 搜索建议悬停 + color: @accent !important; // Search suggestion hover text | 搜索建议悬停文字 } - // === 顶部右侧图标 === + // === Top right icons | 顶部右侧图标 === .bili-header .right-entry__outside .right-entry-icon svg, .bili-header .right-entry__outside .right-entry-icon svg path, .bili-header .right-entry__outside .right-entry-icon svg use, .bili-header__bar .right-entry__outside svg, .bili-header__bar .right-entry__outside svg path, .bili-header__bar .right-entry__outside svg use { - fill: @mauve !important; //右侧图标颜色 + fill: @mauve !important; // Right side icon color | 右侧图标颜色 stroke: @mauve !important; color: @mauve !important; } .bili-header .header-upload-entry { - background-color: @mauve !important; //上传按钮背景 + background-color: @mauve !important; // Upload button background | 上传按钮背景 } @@ -190,37 +190,37 @@ - // === 顶部下面分区栏目 === + // === Channel navigation below top bar | 顶部下面分区栏目 === .bili-header__channel { - background-color: @base !important; //分区栏目背景 - padding: 8px 16px !important; //分区栏目内边距 + background-color: @base !important; // Channel navigation background | 分区栏目背景 + padding: 8px 16px !important; // Channel navigation inner padding | 分区栏目内边距 } .bili-header__channel .channel-icons { - color: @text !important; //分区栏目文字 + color: @text !important; // Channel navigation text | 分区栏目文字 } .right-channel-container{ - background-color: @base !important; //分区栏目背景 + background-color: @base !important; // Channel navigation background | 分区栏目背景 } .channel-items_left{ - background-color: @base !important; //分区栏目左侧背景 - gap: 8px !important; //分区栏目左侧文字间距 + background-color: @base !important; // Channel navigation left background | 分区栏目左侧背景 + gap: 8px !important; // Channel navigation left text spacing | 分区栏目左侧文字间距 } .bili-header__channel .channel-link{ - background-color :@mauve !important; //分区栏目文字 - color: @text !important; //文字颜色 - border-radius: 8px !important; /* 圆角 */ - padding: 4px 10px !important; /* 内边距 */ - font-size: 13px !important; /* 缩小字体 */ - font-weight: 500 !important; /* 字体加粗 */ - margin: 0 4px !important; /* 按钮间距 */ + background-color :@mauve !important; // Channel navigation text | 分区栏目文字 + color: @text !important; // Text color | 文字颜色 + border-radius: 8px !important; /* Rounded corners | 圆角 */ + padding: 4px 10px !important; /* Inner padding | 内边距 */ + font-size: 13px !important; /* Smaller font | 缩小字体 */ + font-weight: 500 !important; /* Bold font | 字体加粗 */ + margin: 0 4px !important; /* Button spacing | 按钮间距 */ display: inline-block !important; transition: all 0.2s !important; } .bili-header__channel .channel-link:hover{ - background-color: @mauve !important; //分区栏目文字悬停背景 + background-color: @mauve !important; // Channel navigation text hover background | 分区栏目文字悬停背景 color :@text !important; - transform: scale(1.05) !important; /* 悬停微微放大 */ + transform: scale(1.05) !important; /* Slightly enlarge on hover | 悬停微微放大 */ } .channel-entry-more__link{//分区栏目"更多" background-color: @mauve !important; /* 紫色背景 */ @@ -248,10 +248,10 @@ box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important; } - /* 下拉菜单里的文字链接 */ + /* Dropdown menu text links | 下拉菜单里的文字链接 */ .channel-menu__item, .channel-menu a { - color: @mauve !important; /* 紫色文字 */ + color: @mauve !important; /* Purple text | 紫色文字 */ padding: 4px 8px !important; border-radius: 4px !important; transition: all 0.2s !important; @@ -259,38 +259,38 @@ .channel-menu__item:hover, .channel-menu a:hover { - background-color: @surface0 !important; /* 悬停背景 */ - color: @accent !important; /* 悬停文字变强调色 */ + background-color: @surface0 !important; /* Hover background | 悬停背景 */ + color: @accent !important; /* Hover text changes to accent color | 悬停文字变强调色 */ } .channel-link__right span{ - color: @mauve !important; //分区栏目右侧文字 + color: @mauve !important; // Channel navigation right text | 分区栏目右侧文字 } .channel-icons .icon-bg__dynamic svg{ - fill: @mauve !important; //分区栏目动态图标 + fill: @mauve !important; // Channel navigation dynamic icon | 分区栏目动态图标 } .channel-icons .icon-bg__popular svg{ - fill: @mauve !important; //分区栏目直播图标 + fill: @mauve !important; // Channel navigation live icon | 分区栏目直播图标 } - // === 滑动分区栏目 === + // === Sliding channel navigation | 滑动分区栏目 === .header-channel { background: @surface1 !important; //channel滑动时出现的bar } .left-fixed-channel a{ - color: @mauve !important; //滑动分区栏目左侧固定文字 + color: @mauve !important; // Sliding channel navigation left fixed text | 滑动分区栏目左侧固定文字 } .left-fixed-channel a :hover{ - color: @accent !important; //滑动分区栏目左侧固定文字悬停 + color: @accent !important; // Sliding channel navigation left fixed text hover | 滑动分区栏目左侧固定文字悬停 } .header-channel-fixed-right-item a{ - color: @mauve !important; //滑动分区栏目右侧固定文字 + color: @mauve !important; // Sliding channel navigation right fixed text | 滑动分区栏目右侧固定文字 } .header-channel-fixed-right-item a :hover{ - color: @accent !important; //滑动分区栏目右侧固定文字悬停 + color: @accent !important; // Sliding channel navigation right fixed text hover | 滑动分区栏目右侧固定文字悬停 } @@ -305,7 +305,7 @@ .shortcut-bg{ - background-color: @surface0 !important; //分区栏目叠放卡片视频窗内背景 + background-color: @surface0 !important; // Channel navigation overlay card video window inner background | 分区栏目叠放卡片视频窗内背景 } @@ -314,54 +314,54 @@ - // ===视频界面=== + // === Video interface | 视频界面 === .video-container-v1{ - background-color: @base !important; //视频播放界面背景 + background-color: @base !important; // Video playback interface background | 视频播放界面背景 } .video-info-container .video-info-title-inner .video-title[data-v-fe6ec38e]{ - color: @text !important; //视频播放界面标题文字 + color: @text !important; // Video playback interface title text | 视频播放界面标题文字 } .bpx-player-sending-bar{ - background-color: @mantle !important; //视频发送弹幕栏背景 + background-color: @mantle !important; // Video comment bar background | 视频发送弹幕栏背景 } .bpx-player-video-info-online{ - color: @text !important; //视频播放界面在线人数文字 + color: @text !important; // Video playback interface online count text | 视频播放界面在线人数文字 } .bpx-player-video-info-divide{ - color: @text !important; //视频播放界面分隔符文字 + color: @text !important; // Video playback interface separator text | 视频播放界面分隔符文字 } .bpx-player-video-info-dm{ - color: @text !important; //视频播放界面弹幕数文字 + color: @text !important; // Video playback interface comment count text | 视频播放界面弹幕数文字 } .bui-button .bui-area.bui-button-blue, .bui-button .bui-area.bui-button-gray3:hover{ - background-color: @mauve !important; //视频播放界面播放按钮背景 - color: @text !important; //视频播放界面播放按钮文字 + background-color: @mauve !important; // Video playback interface play button background | 视频播放界面播放按钮背景 + color: @text !important; // Video playback interface play button text | 视频播放界面播放按钮文字 } .bpx-player-inputbar-wrap{ - background-color: @surface0 !important; //视频播放界面弹幕输入框背景 + background-color: @surface0 !important; // Video playback interface comment input box background | 视频播放界面弹幕输入框背景 } .bpx-player-dm-input{ - background-color: @surface0 !important; // 弹幕输入框背景 - color: @text !important; // 弹幕输入框文字 - border: 1px solid @surface1 !important; // 边框 - border-radius: 8px !important; // 圆角 - padding: 6px 10px !important; // 内边距，确保与原布局兼容 + background-color: @surface0 !important; // Comment input box background | 弹幕输入框背景 + color: @text !important; // Comment input box text | 弹幕输入框文字 + border: 1px solid @surface1 !important; // Border | 边框 + border-radius: 8px !important; // Rounded corners | 圆角 + padding: 6px 10px !important; // Inner padding, ensure compatibility with original layout | 内边距，确保与原布局兼容 outline: none !important; caret-color: @accent !important; box-shadow: 0 1px 0 fade(@mantle, 10%) inset, 0 2px 8px fade(@mantle, 6%) !important; -webkit-text-fill-color: @text !important; } .bpx-player-dm-input::placeholder{ - color: @subtext0 !important; // 占位符颜色 + color: @subtext0 !important; // Placeholder color | 占位符颜色 opacity: 1 !important; } .bpx-player-dm-input:focus{ - border-color: @mauve !important; // 聚焦时的强调色 + border-color: @mauve !important; // Accent color when focused | 聚焦时的强调色 box-shadow: 0 0 0 4px fade(@mauve, 12%) !important; background-color: mix(@surface0, @mantle, 6%) !important; } - /* 更强的覆盖：针对可能更具体或内联的站点规则 */ + /* Stronger override: for potentially more specific or inline site rules | 更强的覆盖：针对可能更具体或内联的站点规则 */ .bpx-player-video-inputbar-wrap input.bpx-player-dm-input, .bpx-player-sending-bar input.bpx-player-dm-input, .bpx-player-container input.bpx-player-dm-input, @@ -385,7 +385,7 @@ box-shadow: 0 0 0px 1000px @surface0 inset !important; background: @surface0 !important; } - /* 如果父容器有白色背景，强制覆盖父容器样式 */ + /* If parent container has white background, force override parent container styles | 如果父容器有白色背景，强制覆盖父容器样式 */ .bpx-player-sending-bar, .bpx-player-video-inputbar-wrap, .bpx-player-sending-bar .bpx-player-video-inputbar-wrap, @@ -395,10 +395,10 @@ background-color: @surface0 !important; box-shadow: none !important; border-radius: 10px !important; - overflow: hidden !important; /* clip children so corners don't show white */ + overflow: hidden !important; /* Clip children so corners don't show white | 裁剪子元素，使角落不显示白色 */ -webkit-background-clip: padding-box !important; } - /* 超高优先级（尽可能覆盖内联样式）：增加元素层级和属性选择器 */ + /* Super high priority (override inline styles as much as possible): increase element hierarchy and attribute selectors | 超高优先级（尽可能覆盖内联样式）：增加元素层级和属性选择器 */ html body .bpx-player-sending-bar[style], html body .bpx-player-video-inputbar-wrap[style], html body input.bpx-player-dm-input[style] { @@ -407,7 +407,7 @@ border: 1px solid @surface1 !important; box-shadow: 0 1px 0 fade(@mantle, 8%) inset !important; } - /* 保证输入框本身与父容器使用一致圆角并被裁剪 */ + /* Ensure input box itself uses consistent rounded corners with parent container and gets clipped | 保证输入框本身与父容器使用一致圆角并被裁剪 */ .bpx-player-video-inputbar-wrap .bpx-player-dm-input, .bpx-player-sending-bar .bpx-player-dm-input, .bpx-player-video-inputbar-wrap input.bpx-player-dm-input { @@ -418,7 +418,7 @@ height: auto !important; line-height: normal !important; } - /* 保证发送按钮区域与输入框在同一背景、无白边 */ + /* Ensure send button area and input box are on same background, no white edges | 保证发送按钮区域与输入框在同一背景、无白边 */ .bpx-player-video-btn-dm, .bpx-player-video-btn-send, .bpx-player-dm-wrap, @@ -428,71 +428,71 @@ border: 0 !important; box-shadow: none !important; } - /* 兼容 shadow DOM / 深度选择（如果使用 userstyles 扩展支持） */ + /* Compatible with shadow DOM / deep selection (if userstyles extension supports it) | 兼容 shadow DOM / 深度选择（如果使用 userstyles 扩展支持） */ :root ::-webkit-media-controls-panel, :root ::-webkit-media-controls-mute-button { background: @surface0 !important; } .bpx-common-svg-icon svg { - fill: @mauve !important; //视频播放界面弹幕输入框图标颜色 + fill: @mauve !important; // Video playback interface comment input box icon color | 视频播放界面弹幕输入框图标颜色 } .bui-danmaku-switch{ - fill: @mauve !important; //视频播放界面弹幕开关图标颜色 + fill: @mauve !important; // Video playback interface comment toggle icon color | 视频播放界面弹幕开关图标颜色 } .bpx-player-dm-hint{ - color: @text !important; //视频播放界面弹幕输入框占位符文字 + color: @text !important; // Video playback interface comment input box placeholder text | 视频播放界面弹幕输入框占位符文字 } .video-info-detail-list[data-v-0c3641b4]{ - color: @text !important; //视频播放界面视频详情文字 + color: @text !important; // Video playback interface video details text | 视频播放界面视频详情文字 } .video-tag-container .tag-panel .tag .show-more-btn[data-v-cf3f07d2]{ - background: @mauve !important; //视频播放界面视频标签"更多"按钮背景 + background: @mauve !important; // Video playback interface video tags "More" button background | 视频播放界面视频标签“更多”按钮背景 color: @crust !important; } .video-info-detail-list .copyright .copyright-icon[data-v-0c3641b4]{ - fill: @mauve !important; //视频播放界面版权图标颜色 + fill: @mauve !important; // Video playback interface copyright icon color | 视频播放界面版权图标颜色 } .up-detail .up-detail-top .up-name[data-v-5f1f09f0]{ - color: @mauve !important; //视频播放界面up主名称文字 + color: @mauve !important; // Video playback interface uploader name text | 视频播放界面up主名称文字 } .up-detail .up-detail-top .send-msg[data-v-5f1f09f0]{ - color: @text !important; //视频播放界面 "发消息" 文字 + color: @text !important; // Video playback interface "Send message" text | 视频播放界面 “发消息” 文字 } .up-detail .up-description[data-v-5f1f09f0]{ - color: @text !important; //视频播放界面up主描述文字 + color: @text !important; // Video playback interface uploader description text | 视频播放界面up主描述文字 } .upinfo-btn-panel .new-charge-btn.charge-btn-loaded[data-v-db02d4c6]{ - background-color: @surface0 !important; //视频播放界面 "充电" 按钮背景 - border: 1px solid @mauve !important; //视频播放界面 "充电" 按钮边框颜色 + background-color: @surface0 !important; // Video playback interface "Charge" button background | 视频播放界面 “充电” 按钮背景 + border: 1px solid @mauve !important; // Video playback interface "Charge" button border color | 视频播放界面 “充电” 按钮边框颜色 } .upinfo-btn-panel .follow-btn.not-follow[data-v-db02d4c6]{ - background-color: @surface0 !important; //视频播放界面 "关注" 按钮背景 - color: @text !important; //视频播放界面 "关注" 按钮文字 + background-color: @surface0 !important; // Video playback interface "Follow" button background | 视频播放界面 “关注” 按钮背景 + color: @text !important; // Video playback interface "Follow" button text | 视频播放界面 “关注” 按钮文字 } .bui-collapse .bui-collapse-header{ - background-color: @surface0 !important; //视频播放界面视频描述折叠栏背景 - color: @text !important; //视频播放界面视频描述折叠栏文字 + background-color: @surface0 !important; // Video playback interface video description collapse bar background | 视频播放界面视频描述折叠栏背景 + color: @text !important; // Video playback interface video description collapse bar text | 视频播放界面视频描述折叠栏文字 } .upinfo-btn-panel .new-charge-btn[data-v-db02d4c6]{ - color: @mauve !important; //视频播放界面 "充电" 按钮文字 + color: @mauve !important; // Video playback interface "Charge" button text | 视频播放界面 “充电” 按钮文字 } .video-pod[data-v-dac4fbd2]{ - background-color: @surface1 !important; //视频播放界面系列视频卡片背景 + background-color: @surface1 !important; // Video playback interface series video card background | 视频播放界面系列视频卡片背景 } .video-pod .video-pod__header .header-top .left .title[data-v-dac4fbd2]{ - color: @text !important; //视频播放界面系列视频卡片标题文字 + color: @text !important; // Video playback interface series video card title text | 视频播放界面系列视频卡片标题文字 } .video-pod .video-pod__header .header-top .left .amt[data-v-dac4fbd2]{ - color: @text !important; //视频播放界面系列视频卡片数量文字 + color: @text !important; // Video playback interface series video card count text | 视频播放界面系列视频卡片数量文字 } .continuous-btn .txt{ - color: @text !important; //视频播放界面系列视频 "自动连播" 文字 + color: @text !important; // Video playback interface series video "Auto-play" text | 视频播放界面系列视频 “自动连播” 文字 } .switch-btn.on{ - background-color: @mauve !important; //视频播放界面系列视频 "自动连播" 开启背景 + background-color: @mauve !important; // Video playback interface series video "Auto-play" on background | 视频播放界面系列视频 “自动连播” 开启背景 } .switch-btn .switch-block{ - background-color: @text !important; //视频播放界面系列视频 "自动连播" 按钮颜色 + background-color: @text !important; // Video playback interface series video "Auto-play" button color | 视频播放界面系列视频 “自动连播” 按钮颜色 } .video-pod .video-pod__header .header-bottom[data-v-dac4fbd2]{ color: @text !important; //视频播放界面系列视频卡片底部文字 @@ -502,37 +502,37 @@ border: 1px solid @mauve !important; //视频播放界面系列视频卡片"订阅合集“边框 } .simple-base-item .title{ - color: @text !important; //视频播放界面相关推荐视频标题文字 + color: @text !important; // Video playback interface related recommended video title text | 视频播放界面相关推荐视频标题文字 } .simple-base-item .stats{ - color: @subtext0 !important; //视频播放界面相关推荐视频统计文字 + color: @subtext0 !important; // Video playback interface related recommended video stats text | 视频播放界面相关推荐视频统计文字 } .video-toolbar-left-item{ - color: @text !important; //视频播放界面工具栏文字 + color: @text !important; // Video playback interface toolbar text | 视频播放界面工具栏文字 } .video-toolbar-right-item{ - color: @text !important; //视频播放界面工具栏右侧文字 + color: @text !important; // Video playback interface toolbar right text | 视频播放界面工具栏右侧文字 } .video-desc-container .basic-desc-info[data-v-8ced1e78]{ - color: @text !important; //视频播放界面视频描述文字 + color: @text !important; // Video playback interface video description text | 视频播放界面视频描述文字 } .video-desc-container .toggle-btn-text[data-v-8ced1e78]{ - color: @text !important; //视频播放界面视频描述展开收起文字 + color: @text !important; // Video playback interface video description expand/collapse text | 视频播放界面视频描述展开收起文字 } .video-tag-container .tag-panel .tag-link{ - background-color: @surface1 !important; //视频播放界面视频标签背景 - color: @text !important; //视频播放界面视频标签文字 + background-color: @surface1 !important; // Video playback interface video tag background | 视频播放界面视频标签背景 + color: @text !important; // Video playback interface video tag text | 视频播放界面视频标签文字 } #title h2, .bili-comments-header-renderer #title h2, div#title h2 { - color: @text !important; //视频播放界面标题 "评论“ + color: @text !important; // Video playback interface "Comments" title | 视频播放界面标题 “评论” } #title #count{ - color: @subtext0 !important; //视频播放界面标题 "评论数“ + color: @subtext0 !important; // Video playback interface comment count title | 视频播放界面标题 “评论数” } .button{ - color: @subtext0 !important; //视频播放界面标题 "评论排序按钮“文字 + color: @subtext0 !important; // Video playback interface comment sort button text | 视频播放界面标题 “评论排序按钮”文字 } #editor .active{ background-color: @surface0 !important; //视频播放界面标题 "评论条“背景 @@ -587,73 +587,73 @@ - //视屏框内容 + // === Video frame content | 视屏框内容 === .bpx-player-progress-schedule-current{ - background-color: @mauve !important; //进度条悬停提示点内部 + background-color: @mauve !important; // Progress bar hover tip point inner | 进度条悬停提示点内部 } .bpx-player-ctrl-btn{ - color: @text !important; //视频播放界面控制栏按钮文字 + color: @text !important; // Video playback interface control bar button text | 视频播放界面控制栏按钮文字 fill: @mauve !important; } .bpx-player-ctrl-btn svg, .bpx-player-ctrl-btn svg path { - fill: @mauve !important; //确保SVG图标是紫色 + fill: @mauve !important; // Ensure SVG icons are purple | 确保 SVG 图标是紫色 } .bpx-player-ctrl-quality-menu-wrap{ - background-color: @surface0 !important; //清晰度菜单背景 + background-color: @surface0 !important; // Quality menu background | 清晰度菜单背景 } .bpx-player-ctrl-quality-menu-item{ - color: @text !important; //清晰度菜单文字 + color: @text !important; // Quality menu text | 清晰度菜单文字 } .bpx-player-ctrl-quality-badge .bpx-player-ctrl-quality-badge-bigvip{ - background-color: @mauve !important; //清晰度菜单大会员徽章背景 - color: @crust !important; //清晰度菜单大会员徽章文字 + background-color: @mauve !important; // Quality menu big VIP badge background | 清晰度菜单大会员徽章背景 + color: @crust !important; // Quality menu big VIP badge text | 清晰度菜单大会员徽章文字 } .bpx-player-ctrl-playbackrate-menu{ - background-color: @surface0 !important; //播放速度菜单背景 + background-color: @surface0 !important; // Playback speed menu background | 播放速度菜单背景 } .bpx-player-ctrl-playbackrate-menu-item{ - color: @text !important; //播放速度菜单文字 + color: @text !important; // Playback speed menu text | 播放速度菜单文字 } .bpx-player-ctrl-volume-box{ - background-color: @surface0 !important; //音量调节背景 + background-color: @surface0 !important; // Volume control background | 音量调节背景 } .bpx-player-ctrl-volume-progress .bui-slider, .bui-slider { - background-color: @surface1 !important; //音量条背景轨道 + background-color: @surface1 !important; // Volume bar background track | 音量条背景轨道 } .bpx-player-ctrl-volume-progress .bui-bar, .bui-bar { - background-color: @mauve !important; //音量条已设置部分（紫色） + background-color: @mauve !important; // Volume bar set portion (purple) | 音量条已设置部分（紫色） } .bui-slider-handle { - border-color: @mauve !important; //音量滑块边框 - background-color: @mauve !important; //音量滑块颜色 + border-color: @mauve !important; // Volume slider border | 音量滑块边框 + background-color: @mauve !important; // Volume slider color | 音量滑块颜色 } .bpx-player-ctrl-volume-progress .bui-slider-handle, .bui-slider .bui-slider-handle { - border: 2px solid @mauve !important; //音量球边框 - background-color: @mauve !important; //音量球颜色 - box-shadow: 0 0 4px @mauve !important; //音量球阴影 + border: 2px solid @mauve !important; // Volume ball border | 音量球边框 + background-color: @mauve !important; // Volume ball color | 音量球颜色 + box-shadow: 0 0 4px @mauve !important; // Volume ball shadow | 音量球阴影 } .bpx-player-ctrl-volume-number{ - color: @mauve !important; //音量数字文字 + color: @mauve !important; // Volume number text | 音量数字文字 } .bui-slider .bui-track .bui-thumb .bui-thumb-dot{ - background-color: @mauve !important; //音量滑块小点 + background-color: @mauve !important; // Volume slider small dot | 音量滑块小点 } .bui-panel.bui-dark{ - background-color: @surface0 !important; //音量调节深色面板背景 + background-color: @surface0 !important; // Volume control dark panel background | 音量调节深色面板背景 } .bpx-player-ctrl-setting-box{ - color: @text !important; //设置菜单文字 + color: @text !important; // Settings menu text | 设置菜单文字 } .bui-switch-body{ - background-color: @mauve !important; //设置开关背景 + background-color: @mauve !important; // Settings switch background | 设置开关背景 } .bui-switch-dot{ - background-color: @surface1 !important; //设置开关按钮颜色 + background-color: @surface1 !important; // Settings switch button color | 设置开关按钮颜色 } @@ -663,7 +663,7 @@ - // ===搜索视频页面=== + // === Search video page | 搜索视频页面 === .search-input-container .search-input-wrap[data-v-64f8f917]{ background: @surface0 !important; //搜索输入框背景 border: 1px solid @mauve !important; //搜索输入框边框 @@ -687,35 +687,35 @@ color: @text !important; //搜索页面分区栏目数字文字 } .vui_button--tab, .vui_button--tab:focus{ - background: @surface1 !important; //搜索页面排序按钮背景 - color: @text !important; //搜索页面排序按钮文字 + background: @surface1 !important; // Search page sort button background | 搜索页面排序按钮背景 + color: @text !important; // Search page sort button text | 搜索页面排序按钮文字 } .vui_button--tab:active, .vui_button--tab.vui_button--active, .vui_button--tab.vui_button--active:hover{ - background: @mauve !important; //搜索页面排序按钮激活背景 - color: @crust !important; //搜索页面排序按钮激活文字 + background: @mauve !important; // Search page sort button active background | 搜索页面排序按钮激活背景 + color: @crust !important; // Search page sort button active text | 搜索页面排序按钮激活文字 border: 1px solid @mauve !important; } .vui_button--tab:hover{ - background: @surface1 !important; //搜索页面排序按钮悬停背景 - color: @crust !important; //搜索页面排序按钮悬停文字 + background: @surface1 !important; // Search page sort button hover background | 搜索页面排序按钮悬停背景 + color: @crust !important; // Search page sort button hover text | 搜索页面排序按钮悬停文字 } .vui_button, .vui_button:focus{ - background: @surface1 !important; //搜索页面分页按钮背景 - color: @text !important; //搜索页面分页按钮文字 + background: @surface1 !important; // Search page pagination button background | 搜索页面分页按钮背景 + color: @text !important; // Search page pagination button text | 搜索页面分页按钮文字 } .search-input-container .search-fixed-header[data-v-64f8f917]{ - background: @base !important; //搜索页面滑动出现的header背景 + background: @base !important; // Search page sliding header background | 搜索页面滑动出现的header背景 } .search-date-picker .search-date-picker__trigger .date-trigger[data-v-36b38319]{ - background-color: @surface1 !important; //搜索页面日期选择器背景 - color: @text !important; //搜索页面日期选择器文字 - border: 1px solid @surface1 !important; //搜索页面日期选择器边框 + background-color: @surface1 !important; // Search page date picker background | 搜索页面日期选择器背景 + color: @text !important; // Search page date picker text | 搜索页面日期选择器文字 + border: 1px solid @surface1 !important; // Search page date picker border | 搜索页面日期选择器边框 } .vui_button--active-blue:active, .vui_button--active-blue.vui_button--active, .vui_button--active-blue.vui_button--active:hover{ - border: 1px solid @mauve !important; //搜索页面日期选择器激活边框 + border: 1px solid @mauve !important; // Search page date picker active border | 搜索页面日期选择器激活边框 } From 98a73fb7c4a86ed8c7da8370b71f6e7f4ccca58a Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Thu, 25 Dec 2025 04:30:10 +1100 Subject: [PATCH 085/133] write readme --- styles/bilibili/README.md | 42 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 42 insertions(+) diff --git a/styles/bilibili/README.md b/styles/bilibili/README.md index e69de29bb2..e641d8e8ef 100644 --- a/styles/bilibili/README.md +++ b/styles/bilibili/README.md @@ -0,0 +1,42 @@ +cat > styles/bilibili/README.md << 'EOF' +

+ Logo
+ + Catppuccin for Bilibili + +

+ +

+ + + +

+ +

+ +

+ +## Usage + +1. Install a browser extension such as [Stylus](https://add0n.com/stylus.html) +2. [Click here to install the userstyle](https://github.com/catppuccin/userstyles/raw/main/styles/bilibili/catppuccin.user.less) +3. Choose your preferred theme flavor from the configuration dropdown + +## 💝 Thanks to + +- [Your Name](https://github.com/YOUR_USERNAME) + +  + +

+ +

+ +

+ Copyright © 2021-present Catppuccin Org +

+ +

+ +

+EOF \ No newline at end of file From 9d1bbb7e5bd351aae3c030ae874d0c48982a38cf Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Thu, 25 Dec 2025 13:44:44 +1100 Subject: [PATCH 086/133] write readme2 --- styles/bilibili/README.md | 25 +++++++++++++++++-------- 1 file changed, 17 insertions(+), 8 deletions(-) diff --git a/styles/bilibili/README.md b/styles/bilibili/README.md index e641d8e8ef..8c2fd4500b 100644 --- a/styles/bilibili/README.md +++ b/styles/bilibili/README.md @@ -1,4 +1,4 @@ -cat > styles/bilibili/README.md << 'EOF' +

Logo
@@ -7,9 +7,9 @@ cat > styles/bilibili/README.md << 'EOF'

- - - + + +

@@ -18,13 +18,22 @@ cat > styles/bilibili/README.md << 'EOF' ## Usage -1. Install a browser extension such as [Stylus](https://add0n.com/stylus.html) -2. [Click here to install the userstyle](https://github.com/catppuccin/userstyles/raw/main/styles/bilibili/catppuccin.user.less) -3. Choose your preferred theme flavor from the configuration dropdown +1. Install the Stylus browser extension: https://add0n.com/stylus.html +2. Click the "Stylus - Install" badge above or open the raw userstyle file and install it into Stylus: + + https://github.com/catppuccin/userstyles/raw/main/styles/bilibili/catppuccin.user.less + +3. Choose your preferred Catppuccin flavor in the style options (Latte, Frappé, Macchiato, Mocha). + +## Current Maintainers + +- [sixuan911](https://github.com/sixuan911) – initial author / maintainer + +If you'd like to help maintain this style or submit improvements, please open a PR or an issue in the main repository. ## 💝 Thanks to -- [Your Name](https://github.com/YOUR_USERNAME) +- Catppuccin community and contributors   From 2b4dddda5fc851225c1604721a70c32d893a21d6 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Thu, 25 Dec 2025 13:54:11 +1100 Subject: [PATCH 087/133] write readme3 --- styles/bilibili/README.md | 15 +++++---------- 1 file changed, 5 insertions(+), 10 deletions(-) diff --git a/styles/bilibili/README.md b/styles/bilibili/README.md index 8c2fd4500b..a5b0a365a0 100644 --- a/styles/bilibili/README.md +++ b/styles/bilibili/README.md @@ -7,9 +7,8 @@

- - - + +

@@ -19,17 +18,13 @@ ## Usage 1. Install the Stylus browser extension: https://add0n.com/stylus.html -2. Click the "Stylus - Install" badge above or open the raw userstyle file and install it into Stylus: - - https://github.com/catppuccin/userstyles/raw/main/styles/bilibili/catppuccin.user.less - -3. Choose your preferred Catppuccin flavor in the style options (Latte, Frappé, Macchiato, Mocha). +2. Choose your preferred Catppuccin flavor in the style options (Latte, Frappé, Macchiato, Mocha). ## Current Maintainers -- [sixuan911](https://github.com/sixuan911) – initial author / maintainer +- [sixuan911](https://github.com/sixuan911) – initial author & maintainer + -If you'd like to help maintain this style or submit improvements, please open a PR or an issue in the main repository. ## 💝 Thanks to From 5f0ba772d2dd130a06bd2b0915787e80ed2de2b4 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Thu, 25 Dec 2025 13:57:28 +1100 Subject: [PATCH 088/133] write readme4 --- styles/bilibili/README.md | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/styles/bilibili/README.md b/styles/bilibili/README.md index a5b0a365a0..c068db9ac7 100644 --- a/styles/bilibili/README.md +++ b/styles/bilibili/README.md @@ -7,8 +7,14 @@

- - + + + Stylus Install + + + + Install Stylus Extension +

From e4897f411c6382a327c4a8c5758d2b753474533b Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Thu, 25 Dec 2025 14:02:52 +1100 Subject: [PATCH 089/133] write readme5 --- styles/bilibili/README.md | 18 ++++++++++++------ 1 file changed, 12 insertions(+), 6 deletions(-) diff --git a/styles/bilibili/README.md b/styles/bilibili/README.md index c068db9ac7..4a8eeaf8b8 100644 --- a/styles/bilibili/README.md +++ b/styles/bilibili/README.md @@ -7,13 +7,19 @@

- - - Stylus Install + + + Issues (bilibili) - - - Install Stylus Extension + + + + Open raw userstyle + + + + + Install via Stylus

From 9c602b7e23d99d4668df898ae3d2dcb331b4ed82 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Thu, 25 Dec 2025 14:06:49 +1100 Subject: [PATCH 090/133] write readme6 --- styles/bilibili/README.md | 36 ++++++++++++++++++++++++++++++++++-- 1 file changed, 34 insertions(+), 2 deletions(-) diff --git a/styles/bilibili/README.md b/styles/bilibili/README.md index 4a8eeaf8b8..e826ea9fb3 100644 --- a/styles/bilibili/README.md +++ b/styles/bilibili/README.md @@ -32,6 +32,39 @@ 1. Install the Stylus browser extension: https://add0n.com/stylus.html 2. Choose your preferred Catppuccin flavor in the style options (Latte, Frappé, Macchiato, Mocha). +

+ Logo
+ + Catppuccin for Bilibili + +

+ +

+ + + Issues (bilibili) + + + + + Open raw userstyle + + + + + Install via Stylus + +

+ +

+ +

+ +## Usage + +1. Install the Stylus browser extension: https://add0n.com/stylus.html +2. Choose your preferred Catppuccin flavor in the style options (Latte, Frappé, Macchiato, Mocha). + ## Current Maintainers - [sixuan911](https://github.com/sixuan911) – initial author & maintainer @@ -54,5 +87,4 @@

-

-EOF \ No newline at end of file +

\ No newline at end of file From 6db916047950d0b2aad8303a603717b0f5c6f7fa Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Thu, 25 Dec 2025 14:25:41 +1100 Subject: [PATCH 091/133] write readme7 --- styles/bilibili/README.md | 92 ++++++++------------------------------- 1 file changed, 19 insertions(+), 73 deletions(-) diff --git a/styles/bilibili/README.md b/styles/bilibili/README.md index e826ea9fb3..c562276a6f 100644 --- a/styles/bilibili/README.md +++ b/styles/bilibili/README.md @@ -1,90 +1,36 @@ + +

- Logo
- - Catppuccin for Bilibili - + Logo
+ Catppuccin for Bilibili

- - - Issues (bilibili) - - - - - Open raw userstyle - - - - - Install via Stylus - -

- -

- -

- -## Usage - -1. Install the Stylus browser extension: https://add0n.com/stylus.html -2. Choose your preferred Catppuccin flavor in the style options (Latte, Frappé, Macchiato, Mocha). - -

- Logo
- - Catppuccin for Bilibili - -

- -

- - - Issues (bilibili) - - - - - Open raw userstyle - - - - - Install via Stylus - + + + + + +

-

- -

+--- ## Usage -1. Install the Stylus browser extension: https://add0n.com/stylus.html -2. Choose your preferred Catppuccin flavor in the style options (Latte, Frappé, Macchiato, Mocha). - -## Current Maintainers +See the [userstyle usage instructions](https://userstyles.catppuccin.com/getting-started/usage/). -- [sixuan911](https://github.com/sixuan911) – initial author & maintainer +--- +## 💖 Current Maintainers +- [sixuan911](https://github.com/sixuan911) -## 💝 Thanks to +--- -- Catppuccin community and contributors +## 💝 Past Maintainer -  +- _None_ -

- -

- -

- Copyright © 2021-present Catppuccin Org -

- -

- -

\ No newline at end of file + From 86ca9e2b7764f643bd9a1335fb3dedb897e4423a Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Thu, 25 Dec 2025 14:41:17 +1100 Subject: [PATCH 092/133] write readme8 --- styles/bilibili/README.md | 23 ++++++++++++++++------- 1 file changed, 16 insertions(+), 7 deletions(-) diff --git a/styles/bilibili/README.md b/styles/bilibili/README.md index c562276a6f..914ac9ee46 100644 --- a/styles/bilibili/README.md +++ b/styles/bilibili/README.md @@ -3,15 +3,25 @@

Logo
+ Catppuccin for Bilibili +

- - + + + - - + + + + + + + + +

@@ -29,8 +39,7 @@ See the [userstyle usage instructions](https://userstyles.catppuccin.com/getting --- -## 💝 Past Maintainer - -- _None_ +## 💗 Past Maintainer +- None From 6de61b20029aa94507b014bc6578458039ce719e Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Thu, 25 Dec 2025 14:45:19 +1100 Subject: [PATCH 093/133] write readme9 --- styles/bilibili/README.md | 20 +++++++++++++++++--- 1 file changed, 17 insertions(+), 3 deletions(-) diff --git a/styles/bilibili/README.md b/styles/bilibili/README.md index 914ac9ee46..d40023d6b3 100644 --- a/styles/bilibili/README.md +++ b/styles/bilibili/README.md @@ -25,21 +25,35 @@

---- + ## Usage See the [userstyle usage instructions](https://userstyles.catppuccin.com/getting-started/usage/). ---- + ## 💖 Current Maintainers - [sixuan911](https://github.com/sixuan911) ---- + ## 💗 Past Maintainer - None + + +  + +

+ +

+ +

+ Copyright © 2021-present Catppuccin Org +

+ + + From 163ea28b3d0bdd9eeba374ab24ceacf7ecbfc034 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Fri, 26 Dec 2025 10:57:05 +1100 Subject: [PATCH 094/133] delete the readme file --- styles/bilibili/README.md | 59 --------------------------------------- 1 file changed, 59 deletions(-) delete mode 100644 styles/bilibili/README.md diff --git a/styles/bilibili/README.md b/styles/bilibili/README.md deleted file mode 100644 index d40023d6b3..0000000000 --- a/styles/bilibili/README.md +++ /dev/null @@ -1,59 +0,0 @@ - - - -

- Logo
- - Catppuccin for Bilibili - -

- -

- - - - - - - - - - - - - - -

- - - -## Usage - -See the [userstyle usage instructions](https://userstyles.catppuccin.com/getting-started/usage/). - - - -## 💖 Current Maintainers - -- [sixuan911](https://github.com/sixuan911) - - - -## 💗 Past Maintainer - -- None - - -  - -

- -

- -

- Copyright © 2021-present Catppuccin Org -

- - - - From 557b964d6656c455ad2f144cd804b4207eae940a Mon Sep 17 00:00:00 2001 From: SIXUAN 911 Date: Fri, 26 Dec 2025 13:58:24 +0800 Subject: [PATCH 095/133] Update styles/bilibili/catppuccin.user.less Co-authored-by: WalkQuackBack --- styles/bilibili/catppuccin.user.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 8dc959685a..4e10b363e2 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -2,7 +2,7 @@ @name Bilibili Catppuccin @namespace github.com/catppuccin/userstyles/styles/bilibili @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/bilibili -@version 0.1.0 +@version 2000.01.01 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/bilibili/catppuccin.user.less @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Abilibili @description Soothing pastel theme for bilibili From 4029ebb975e40ba493ff78e188ad6c88d84d48a4 Mon Sep 17 00:00:00 2001 From: SIXUAN 911 Date: Fri, 26 Dec 2025 13:58:51 +0800 Subject: [PATCH 096/133] Update styles/bilibili/catppuccin.user.less Co-authored-by: WalkQuackBack --- styles/bilibili/catppuccin.user.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 4e10b363e2..059051b20f 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -5,7 +5,7 @@ @version 2000.01.01 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/bilibili/catppuccin.user.less @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Abilibili -@description Soothing pastel theme for bilibili +@description Soothing pastel theme for Bilibili @author Catppuccin @license MIT From 8923a5a69300ec2922163622de98312641eae8c3 Mon Sep 17 00:00:00 2001 From: SIXUAN 911 Date: Fri, 26 Dec 2025 13:59:09 +0800 Subject: [PATCH 097/133] Update styles/bilibili/catppuccin.user.less Co-authored-by: WalkQuackBack --- styles/bilibili/catppuccin.user.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 059051b20f..e932c675b5 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -43,7 +43,7 @@ --graph_bg_thick: @surface0 !important; /* Active state background | 激活状态背景 */ --graph_weak: @surface1 !important; /* Button border | 按钮边框 */ --brand_blue: @mauve !important; /* Brand blue to purple | 品牌蓝色改为紫色 */ - --brand_blue_rgb: 203, 166, 247 !important; /* Purple RGB value (Catppuccin Mauve) | 紫色RGB值 (Catppuccin Mauve) */ + --brand_blue_rgb: #lib.rgbify(@mauve) [] !important; /* Purple RGB value (Catppuccin Mauve) | 紫色RGB值 (Catppuccin Mauve) */ --bili-comment-tag-bg-light: @surface1 !important; --bili-comment-tag-color-light: @text !important; } From cdefe672face55b2838547243142532d243a43d7 Mon Sep 17 00:00:00 2001 From: SIXUAN 911 Date: Fri, 26 Dec 2025 13:59:31 +0800 Subject: [PATCH 098/133] Update styles/bilibili/catppuccin.user.less Co-authored-by: WalkQuackBack --- styles/bilibili/catppuccin.user.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index e932c675b5..bec5ef1235 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -51,7 +51,7 @@ body { background-color: @base; - & > div { + > div { color: @text; background-color: @surface0; } From 168125a7b40c1e6089729590d0e8197b35ddf105 Mon Sep 17 00:00:00 2001 From: SIXUAN 911 Date: Fri, 26 Dec 2025 14:00:56 +0800 Subject: [PATCH 099/133] Update styles/bilibili/catppuccin.user.less Co-authored-by: WalkQuackBack --- styles/bilibili/catppuccin.user.less | 1 - 1 file changed, 1 deletion(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index bec5ef1235..49c42bb104 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -193,7 +193,6 @@ // === Channel navigation below top bar | 顶部下面分区栏目 === .bili-header__channel { background-color: @base !important; // Channel navigation background | 分区栏目背景 - padding: 8px 16px !important; // Channel navigation inner padding | 分区栏目内边距 } .bili-header__channel .channel-icons { color: @text !important; // Channel navigation text | 分区栏目文字 From 0d62ed01ee36f6f012ccebdf09d6ece3a2d38353 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Fri, 26 Dec 2025 17:55:56 +1100 Subject: [PATCH 100/133] adding in userstyles.yml --- scripts/userstyles.yml | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/scripts/userstyles.yml b/scripts/userstyles.yml index 6c2850dce8..5cd226ae38 100644 --- a/scripts/userstyles.yml +++ b/scripts/userstyles.yml @@ -70,6 +70,7 @@ collaborators: - &zenoix zenoix - &NekoDrone NekoDrone - &adamperkowski adamperkowski + - &sixuan911 sixuan911 userstyles: advent-of-code: @@ -146,6 +147,12 @@ userstyles: color: green note: "Make sure to use the default **Teal** theme from the built-in color picker (located at the bottom of the page) for the best experience!" current-maintainers: [*rockquiet] + bilibili: + name: Bilibili + link: https://bilibili.com + categories: [entertainment, social_networking, photo_and_video] + color: pink + current-maintainers: [*sixuan911] canvas-lms: name: Canvas LMS link: https://www.instructure.com/canvas From 340b80576584d4b629b07bffe835a1ced430cad9 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Fri, 26 Dec 2025 20:10:20 +1100 Subject: [PATCH 101/133] debugging for lint --- styles/bilibili/catppuccin.user.less | 46 +++++++++++++++------------- 1 file changed, 24 insertions(+), 22 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 49c42bb104..e4088adb8f 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -12,7 +12,7 @@ @preprocessor less @var select lightFlavor "Light Flavor" ["latte:Latte*", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha"] @var select darkFlavor "Dark Flavor" ["latte:Latte", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha*"] -@var select accentColor "Accent" ["rosewater:Rosewater", "flamingo:Flamingo", "pink:Pink", "mauve:Mauve", "red:Red", "maroon:Maroon", "peach:Peach", "yellow:Yellow", "green:Green", "teal:Teal", "blue:Blue", "sapphire:Sapphire*", "sky:Sky", "lavender:Lavender", "subtext0:Gray"] +@var select accentColor "Accent" ["rosewater:Rosewater", "flamingo:Flamingo", "pink:Pink", "mauve:Mauve*", "red:Red", "maroon:Maroon", "peach:Peach", "yellow:Yellow", "green:Green", "teal:Teal", "blue:Blue", "sapphire:Sapphire", "sky:Sky", "lavender:Lavender", "subtext0:Gray"] ==/UserStyle== */ @import "https://userstyles.catppuccin.com/lib/lib.less"; @@ -117,7 +117,9 @@ } .nav-search-content { background-color: @mantle !important; // Search box outer ring | 搜索框外圈 - border: 2px solid @mauve !important; // Search box outer ring border | 搜索框外圈边框 + border-color: @mauve !important; // Search box outer ring border | 搜索框外圈边框 + border-style: solid !important; + border-width: 2px !important; } .nav-searchform, #nav-searchform, @@ -209,8 +211,7 @@ color: @text !important; // Text color | 文字颜色 border-radius: 8px !important; /* Rounded corners | 圆角 */ padding: 4px 10px !important; /* Inner padding | 内边距 */ - font-size: 13px !important; /* Smaller font | 缩小字体 */ - font-weight: 500 !important; /* Bold font | 字体加粗 */ + /* font-size and font-weight removed due to stylelint restrictions | 由于stylelint限制移除字体属性 */ margin: 0 4px !important; /* Button spacing | 按钮间距 */ display: inline-block !important; transition: all 0.2s !important; @@ -226,8 +227,7 @@ color: @crust !important; /* 深色文字 */ border-radius: 8px !important; padding: 4px 10px !important; - font-size: 13px !important; - font-weight: 500 !important; + /* font-size and font-weight removed due to stylelint restrictions | 由于stylelint限制移除字体属性 */ margin: 0 4px !important; display: inline-block !important; transition: all 0.2s !important; @@ -343,10 +343,12 @@ .bpx-player-dm-input{ background-color: @surface0 !important; // Comment input box background | 弹幕输入框背景 color: @text !important; // Comment input box text | 弹幕输入框文字 - border: 1px solid @surface1 !important; // Border | 边框 + border-color: @surface1 !important; // Border | 边框 + border-style: solid !important; + border-width: 1px !important; border-radius: 8px !important; // Rounded corners | 圆角 padding: 6px 10px !important; // Inner padding, ensure compatibility with original layout | 内边距，确保与原布局兼容 - outline: none !important; + outline-color: transparent !important; caret-color: @accent !important; box-shadow: 0 1px 0 fade(@mantle, 10%) inset, 0 2px 8px fade(@mantle, 6%) !important; -webkit-text-fill-color: @text !important; @@ -371,7 +373,7 @@ -webkit-appearance: none !important; appearance: none !important; box-shadow: 0 1px 0 fade(@mantle, 10%) inset, 0 2px 8px fade(@mantle, 6%) !important; - border: 1px solid @surface1 !important; + border-color: @surface1 !important; border-style: solid !important; border-width: 1px !important; color: @text !important; -webkit-text-fill-color: @text !important; opacity: 1 !important; @@ -381,7 +383,7 @@ input.bpx-player-dm-input:-webkit-autofill:hover, input.bpx-player-dm-input:-webkit-autofill:focus { -webkit-text-fill-color: @text !important; - box-shadow: 0 0 0px 1000px @surface0 inset !important; + box-shadow: 0 0 0 1000px @surface0 inset !important; background: @surface0 !important; } /* If parent container has white background, force override parent container styles | 如果父容器有白色背景，强制覆盖父容器样式 */ @@ -403,7 +405,7 @@ html body input.bpx-player-dm-input[style] { background: @surface0 !important; background-color: @surface0 !important; - border: 1px solid @surface1 !important; + border-color: @surface1 !important; border-style: solid !important; border-width: 1px !important; box-shadow: 0 1px 0 fade(@mantle, 8%) inset !important; } /* Ensure input box itself uses consistent rounded corners with parent container and gets clipped | 保证输入框本身与父容器使用一致圆角并被裁剪 */ @@ -424,7 +426,7 @@ .bpx-player-dm-root { background: transparent !important; background-color: transparent !important; - border: 0 !important; + border-style: none !important; box-shadow: none !important; } /* Compatible with shadow DOM / deep selection (if userstyles extension supports it) | 兼容 shadow DOM / 深度选择（如果使用 userstyles 扩展支持） */ @@ -462,7 +464,7 @@ } .upinfo-btn-panel .new-charge-btn.charge-btn-loaded[data-v-db02d4c6]{ background-color: @surface0 !important; // Video playback interface "Charge" button background | 视频播放界面 “充电” 按钮背景 - border: 1px solid @mauve !important; // Video playback interface "Charge" button border color | 视频播放界面 “充电” 按钮边框颜色 + border-color: @mauve !important; border-style: solid !important; border-width: 1px !important; // Video playback interface "Charge" button border color | 视频播放界面 “充电” 按钮边框颜色 } .upinfo-btn-panel .follow-btn.not-follow[data-v-db02d4c6]{ background-color: @surface0 !important; // Video playback interface "Follow" button background | 视频播放界面 “关注” 按钮背景 @@ -498,7 +500,7 @@ } .video-pod .video-pod__header .header-bottom .right .subscribe-btn[data-v-dac4fbd2]{ color: @mauve !important; //视频播放界面系列视频卡片"订阅合集“文字 - border: 1px solid @mauve !important; //视频播放界面系列视频卡片"订阅合集“边框 + border-color: @mauve !important; border-style: solid !important; border-width: 1px !important; //视频播放界面系列视频卡片"订阅合集“边框 } .simple-base-item .title{ color: @text !important; // Video playback interface related recommended video title text | 视频播放界面相关推荐视频标题文字 @@ -545,7 +547,7 @@ .tool-btn{ background-color: @surface0 !important; //视频播放界面标题 "评论条"下方按钮背景 color: @text !important; - border: 1px solid @surface1 !important; + border-color: @surface1 !important; border-style: solid !important; border-width: 1px !important; } .tool-btn svg, .tool-btn svg path, .button.tool-btn.emoji svg, @@ -555,7 +557,7 @@ color: @mauve !important; } #input #inner{ background-color: @surface0 !important; //视频播放界面标题 "转发确认方块“背景 - border: @mauve !important; + border-color: @mauve !important; } #pub button, .bili-comment-box #pub button, @@ -632,7 +634,7 @@ } .bpx-player-ctrl-volume-progress .bui-slider-handle, .bui-slider .bui-slider-handle { - border: 2px solid @mauve !important; // Volume ball border | 音量球边框 + border-color: @mauve !important; border-style: solid !important; border-width: 2px !important; // Volume ball border | 音量球边框 background-color: @mauve !important; // Volume ball color | 音量球颜色 box-shadow: 0 0 4px @mauve !important; // Volume ball shadow | 音量球阴影 } @@ -665,7 +667,7 @@ // === Search video page | 搜索视频页面 === .search-input-container .search-input-wrap[data-v-64f8f917]{ background: @surface0 !important; //搜索输入框背景 - border: 1px solid @mauve !important; //搜索输入框边框 + border-color: @mauve !important; border-style: solid !important; border-width: 1px !important; //搜索输入框边框 } .vui_tabs--navbar .vui_tabs--nav-slider{ background: @mauve !important; //搜索页面分区栏目下划线 @@ -673,7 +675,7 @@ .vui_button--blue, .vui_button--blue:focus { color: text; background: @mauve; - border: 1px solid @mauve; + border-color: @mauve; border-style: solid; border-width: 1px; } .vui_tabs--navbar .vui_tabs--nav-item .vui_tabs--nav-text{ color: @text !important; //搜索页面分区栏目文字 @@ -693,7 +695,7 @@ .vui_button--tab.vui_button--active:hover{ background: @mauve !important; // Search page sort button active background | 搜索页面排序按钮激活背景 color: @crust !important; // Search page sort button active text | 搜索页面排序按钮激活文字 - border: 1px solid @mauve !important; + border-color: @mauve !important; border-style: solid !important; border-width: 1px !important; } .vui_button--tab:hover{ background: @surface1 !important; // Search page sort button hover background | 搜索页面排序按钮悬停背景 @@ -709,12 +711,12 @@ .search-date-picker .search-date-picker__trigger .date-trigger[data-v-36b38319]{ background-color: @surface1 !important; // Search page date picker background | 搜索页面日期选择器背景 color: @text !important; // Search page date picker text | 搜索页面日期选择器文字 - border: 1px solid @surface1 !important; // Search page date picker border | 搜索页面日期选择器边框 + border-color: @surface1 !important; border-style: solid !important; border-width: 1px !important; // Search page date picker border | 搜索页面日期选择器边框 } .vui_button--active-blue:active, .vui_button--active-blue.vui_button--active, .vui_button--active-blue.vui_button--active:hover{ - border: 1px solid @mauve !important; // Search page date picker active border | 搜索页面日期选择器激活边框 + border-color: @mauve !important; border-style: solid !important; border-width: 1px !important; // Search page date picker active border | 搜索页面日期选择器激活边框 } From dc5a43af563b7f33906864b60d1481bd1e22bb41 Mon Sep 17 00:00:00 2001 From: BIG BURGER Date: Sat, 3 Jan 2026 12:14:28 +0800 Subject: [PATCH 102/133] Update scripts/userstyles.yml Co-authored-by: uncenter --- scripts/userstyles.yml | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/scripts/userstyles.yml b/scripts/userstyles.yml index 5cd226ae38..c14585552c 100644 --- a/scripts/userstyles.yml +++ b/scripts/userstyles.yml @@ -151,7 +151,8 @@ userstyles: name: Bilibili link: https://bilibili.com categories: [entertainment, social_networking, photo_and_video] - color: pink + icon: bilibili + color: sapphire current-maintainers: [*sixuan911] canvas-lms: name: Canvas LMS From 8897cc71c224c1e014c7bc91ee4e166a2a6ef403 Mon Sep 17 00:00:00 2001 From: BIG BURGER Date: Sat, 3 Jan 2026 12:14:41 +0800 Subject: [PATCH 103/133] Update styles/bilibili/catppuccin.user.less Co-authored-by: uncenter --- styles/bilibili/catppuccin.user.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index e4088adb8f..3d1fa30d21 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -16,7 +16,7 @@ ==/UserStyle== */ @import "https://userstyles.catppuccin.com/lib/lib.less"; -@-moz-document domain("bilibili.com") , domain("www.bilibili.com") { +@-moz-document domain("bilibili.com") { :root { @media (prefers-color-scheme: light) { #catppuccin(@lightFlavor); From 0cad04d8826d02844a9e7b9eff06848d0f9ea5f7 Mon Sep 17 00:00:00 2001 From: BIG BURGER Date: Sat, 3 Jan 2026 12:15:06 +0800 Subject: [PATCH 104/133] Update styles/bilibili/catppuccin.user.less Co-authored-by: uncenter --- styles/bilibili/catppuccin.user.less | 6 ------ 1 file changed, 6 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 3d1fa30d21..fb96689a7a 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -209,12 +209,6 @@ .bili-header__channel .channel-link{ background-color :@mauve !important; // Channel navigation text | 分区栏目文字 color: @text !important; // Text color | 文字颜色 - border-radius: 8px !important; /* Rounded corners | 圆角 */ - padding: 4px 10px !important; /* Inner padding | 内边距 */ - /* font-size and font-weight removed due to stylelint restrictions | 由于stylelint限制移除字体属性 */ - margin: 0 4px !important; /* Button spacing | 按钮间距 */ - display: inline-block !important; - transition: all 0.2s !important; } .bili-header__channel .channel-link:hover{ From 465602c20aba9fcf472cbbe5fe3a5985efa6c634 Mon Sep 17 00:00:00 2001 From: BIG BURGER Date: Sat, 3 Jan 2026 12:15:15 +0800 Subject: [PATCH 105/133] Update styles/bilibili/catppuccin.user.less Co-authored-by: uncenter --- styles/bilibili/catppuccin.user.less | 1 - 1 file changed, 1 deletion(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index fb96689a7a..d2cc4823df 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -214,7 +214,6 @@ .bili-header__channel .channel-link:hover{ background-color: @mauve !important; // Channel navigation text hover background | 分区栏目文字悬停背景 color :@text !important; - transform: scale(1.05) !important; /* Slightly enlarge on hover | 悬停微微放大 */ } .channel-entry-more__link{//分区栏目"更多" background-color: @mauve !important; /* 紫色背景 */ From 54e86716162bdbd71cc5f65db319309bd44c77f1 Mon Sep 17 00:00:00 2001 From: BIG BURGER Date: Sat, 3 Jan 2026 12:15:28 +0800 Subject: [PATCH 106/133] Update styles/bilibili/catppuccin.user.less Co-authored-by: uncenter --- styles/bilibili/catppuccin.user.less | 6 ------ 1 file changed, 6 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index d2cc4823df..fb258a1a7c 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -218,12 +218,6 @@ .channel-entry-more__link{//分区栏目"更多" background-color: @mauve !important; /* 紫色背景 */ color: @crust !important; /* 深色文字 */ - border-radius: 8px !important; - padding: 4px 10px !important; - /* font-size and font-weight removed due to stylelint restrictions | 由于stylelint限制移除字体属性 */ - margin: 0 4px !important; - display: inline-block !important; - transition: all 0.2s !important; } .channnel-entry-more__link:hover{ From acfc30cd0274ccc5458562f98586263eb88337b9 Mon Sep 17 00:00:00 2001 From: BIG BURGER Date: Sat, 3 Jan 2026 12:15:37 +0800 Subject: [PATCH 107/133] Update styles/bilibili/catppuccin.user.less Co-authored-by: uncenter --- styles/bilibili/catppuccin.user.less | 1 - 1 file changed, 1 deletion(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index fb258a1a7c..6b8c9b0730 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -223,7 +223,6 @@ .channnel-entry-more__link:hover{ background-color: @accent !important; /* 悬停变强调色 */ color: @crust !important; //分区栏目"更多"悬停 - transform: scale(1.05) !important; /* 悬停微微放大 */ } /* "更多"下拉菜单容器 */ From 735a0dbfd639c8df8827e33bb3f4f7abcbf6be52 Mon Sep 17 00:00:00 2001 From: BIG BURGER Date: Sat, 3 Jan 2026 12:15:53 +0800 Subject: [PATCH 108/133] Update styles/bilibili/catppuccin.user.less Co-authored-by: uncenter --- styles/bilibili/catppuccin.user.less | 1 - 1 file changed, 1 deletion(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 6b8c9b0730..d57f98a4a6 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -204,7 +204,6 @@ } .channel-items_left{ background-color: @base !important; // Channel navigation left background | 分区栏目左侧背景 - gap: 8px !important; // Channel navigation left text spacing | 分区栏目左侧文字间距 } .bili-header__channel .channel-link{ background-color :@mauve !important; // Channel navigation text | 分区栏目文字 From f94cfd83d8f13b7223d3be20acc5bf4da57ac707 Mon Sep 17 00:00:00 2001 From: BIG BURGER Date: Sat, 3 Jan 2026 12:53:04 +0800 Subject: [PATCH 109/133] Change color references from mauve to accent --- styles/bilibili/catppuccin.user.less | 130 +++++++++++++++------------ 1 file changed, 73 insertions(+), 57 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index d57f98a4a6..640a9df514 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -16,7 +16,7 @@ ==/UserStyle== */ @import "https://userstyles.catppuccin.com/lib/lib.less"; -@-moz-document domain("bilibili.com") { +@-moz-document domain("bilibili.com") , domain("www.bilibili.com") { :root { @media (prefers-color-scheme: light) { #catppuccin(@lightFlavor); @@ -42,8 +42,8 @@ --Ga1: @surface1 !important; /* Comment box border | 评论框边框 */ --graph_bg_thick: @surface0 !important; /* Active state background | 激活状态背景 */ --graph_weak: @surface1 !important; /* Button border | 按钮边框 */ - --brand_blue: @mauve !important; /* Brand blue to purple | 品牌蓝色改为紫色 */ - --brand_blue_rgb: #lib.rgbify(@mauve) [] !important; /* Purple RGB value (Catppuccin Mauve) | 紫色RGB值 (Catppuccin Mauve) */ + --brand_blue: @accent !important; /* Brand blue to accent color | 品牌蓝色改为强调色 */ + --brand_blue_rgb: #lib.rgbify(@accent) [] !important; /* Accent color RGB value | 强调色RGB值 */ --bili-comment-tag-bg-light: @surface1 !important; --bili-comment-tag-color-light: @text !important; } @@ -113,11 +113,11 @@ background-color: @mantle !important; // Search box dropdown | 搜索框下拉 } .trending-item { - color: @mauve !important; // Search box dropdown text | 搜索框下拉文字 + color: @text !important; // Search box dropdown text | 搜索框下拉文字 } .nav-search-content { background-color: @mantle !important; // Search box outer ring | 搜索框外圈 - border-color: @mauve !important; // Search box outer ring border | 搜索框外圈边框 + border-color: @accent !important; // Search box outer ring border | 搜索框外圈边框 border-style: solid !important; border-width: 2px !important; } @@ -181,7 +181,8 @@ color: @mauve !important; } .bili-header .header-upload-entry { - background-color: @mauve !important; // Upload button background | 上传按钮背景 + background-color: @accent !important; // Upload button background | 上传按钮背景 + color: @base !important; // Text on accent background should be base | 强调色背景上的文字应为base } @@ -204,24 +205,39 @@ } .channel-items_left{ background-color: @base !important; // Channel navigation left background | 分区栏目左侧背景 + gap: 8px !important; // Channel navigation left text spacing | 分区栏目左侧文字间距 } .bili-header__channel .channel-link{ - background-color :@mauve !important; // Channel navigation text | 分区栏目文字 + background-color: @surface0 !important; // Channel navigation background | 分区栏目背景 color: @text !important; // Text color | 文字颜色 + border-radius: 8px !important; /* Rounded corners | 圆角 */ + padding: 4px 10px !important; /* Inner padding | 内边距 */ + /* font-size and font-weight removed due to stylelint restrictions | 由于stylelint限制移除字体属性 */ + margin: 0 4px !important; /* Button spacing | 按钮间距 */ + display: inline-block !important; + transition: all 0.2s !important; } .bili-header__channel .channel-link:hover{ - background-color: @mauve !important; // Channel navigation text hover background | 分区栏目文字悬停背景 - color :@text !important; + background-color: @surface1 !important; // Channel navigation hover background | 分区栏目悬停背景 + color: @accent !important; // Hover text uses accent | 悬停文字使用强调色 + transform: scale(1.05) !important; /* Slightly enlarge on hover | 悬停微微放大 */ } .channel-entry-more__link{//分区栏目"更多" - background-color: @mauve !important; /* 紫色背景 */ - color: @crust !important; /* 深色文字 */ + background-color: @surface0 !important; /* Subtle background | 淡色背景 */ + color: @text !important; /* Normal text | 普通文字 */ + border-radius: 8px !important; + padding: 4px 10px !important; + /* font-size and font-weight removed due to stylelint restrictions | 由于stylelint限制移除字体属性 */ + margin: 0 4px !important; + display: inline-block !important; + transition: all 0.2s !important; } .channnel-entry-more__link:hover{ - background-color: @accent !important; /* 悬停变强调色 */ - color: @crust !important; //分区栏目"更多"悬停 + background-color: @surface1 !important; /* Hover background | 悬停背景 */ + color: @accent !important; /* Hover text uses accent | 悬停文字使用强调色 */ + transform: scale(1.05) !important; /* 悬停微微放大 */ } /* "更多"下拉菜单容器 */ @@ -235,7 +251,7 @@ /* Dropdown menu text links | 下拉菜单里的文字链接 */ .channel-menu__item, .channel-menu a { - color: @mauve !important; /* Purple text | 紫色文字 */ + color: @text !important; /* Normal text color | 普通文字颜色 */ padding: 4px 8px !important; border-radius: 4px !important; transition: all 0.2s !important; @@ -248,7 +264,7 @@ } .channel-link__right span{ - color: @mauve !important; // Channel navigation right text | 分区栏目右侧文字 + color: @text !important; // Channel navigation right text | 分区栏目右侧文字 } .channel-icons .icon-bg__dynamic svg{ @@ -265,13 +281,13 @@ background: @surface1 !important; //channel滑动时出现的bar } .left-fixed-channel a{ - color: @mauve !important; // Sliding channel navigation left fixed text | 滑动分区栏目左侧固定文字 + color: @text !important; // Sliding channel navigation left fixed text | 滑动分区栏目左侧固定文字 } .left-fixed-channel a :hover{ color: @accent !important; // Sliding channel navigation left fixed text hover | 滑动分区栏目左侧固定文字悬停 } .header-channel-fixed-right-item a{ - color: @mauve !important; // Sliding channel navigation right fixed text | 滑动分区栏目右侧固定文字 + color: @text !important; // Sliding channel navigation right fixed text | 滑动分区栏目右侧固定文字 } .header-channel-fixed-right-item a :hover{ color: @accent !important; // Sliding channel navigation right fixed text hover | 滑动分区栏目右侧固定文字悬停 @@ -319,8 +335,8 @@ color: @text !important; // Video playback interface comment count text | 视频播放界面弹幕数文字 } .bui-button .bui-area.bui-button-blue, .bui-button .bui-area.bui-button-gray3:hover{ - background-color: @mauve !important; // Video playback interface play button background | 视频播放界面播放按钮背景 - color: @text !important; // Video playback interface play button text | 视频播放界面播放按钮文字 + background-color: @accent !important; // Video playback interface play button background | 视频播放界面播放按钮背景 + color: @base !important; // Text on accent background should be base | 强调色背景上的文字应为base } .bpx-player-inputbar-wrap{ background-color: @surface0 !important; // Video playback interface comment input box background | 视频播放界面弹幕输入框背景 @@ -343,8 +359,8 @@ opacity: 1 !important; } .bpx-player-dm-input:focus{ - border-color: @mauve !important; // Accent color when focused | 聚焦时的强调色 - box-shadow: 0 0 0 4px fade(@mauve, 12%) !important; + border-color: @accent !important; // Accent color when focused | 聚焦时的强调色 + box-shadow: 0 0 0 4px fade(@accent, 12%) !important; background-color: mix(@surface0, @mantle, 6%) !important; } /* Stronger override: for potentially more specific or inline site rules | 更强的覆盖：针对可能更具体或内联的站点规则 */ @@ -432,14 +448,14 @@ color: @text !important; // Video playback interface video details text | 视频播放界面视频详情文字 } .video-tag-container .tag-panel .tag .show-more-btn[data-v-cf3f07d2]{ - background: @mauve !important; // Video playback interface video tags "More" button background | 视频播放界面视频标签“更多”按钮背景 - color: @crust !important; + background: @accent !important; // Video playback interface video tags "More" button background | 视频播放界面视频标签"更多"按钮背景 + color: @base !important; // Text on accent background should be base | 强调色背景上的文字应为base } .video-info-detail-list .copyright .copyright-icon[data-v-0c3641b4]{ fill: @mauve !important; // Video playback interface copyright icon color | 视频播放界面版权图标颜色 } .up-detail .up-detail-top .up-name[data-v-5f1f09f0]{ - color: @mauve !important; // Video playback interface uploader name text | 视频播放界面up主名称文字 + color: @text !important; // Video playback interface uploader name text | 视频播放界面up主名称文字 } .up-detail .up-detail-top .send-msg[data-v-5f1f09f0]{ color: @text !important; // Video playback interface "Send message" text | 视频播放界面 “发消息” 文字 @@ -449,7 +465,7 @@ } .upinfo-btn-panel .new-charge-btn.charge-btn-loaded[data-v-db02d4c6]{ background-color: @surface0 !important; // Video playback interface "Charge" button background | 视频播放界面 “充电” 按钮背景 - border-color: @mauve !important; border-style: solid !important; border-width: 1px !important; // Video playback interface "Charge" button border color | 视频播放界面 “充电” 按钮边框颜色 + border-color: @accent !important; border-style: solid !important; border-width: 1px !important; // Video playback interface "Charge" button border color | 视频播放界面 "充电" 按钮边框颜色 } .upinfo-btn-panel .follow-btn.not-follow[data-v-db02d4c6]{ background-color: @surface0 !important; // Video playback interface "Follow" button background | 视频播放界面 “关注” 按钮背景 @@ -460,7 +476,7 @@ color: @text !important; // Video playback interface video description collapse bar text | 视频播放界面视频描述折叠栏文字 } .upinfo-btn-panel .new-charge-btn[data-v-db02d4c6]{ - color: @mauve !important; // Video playback interface "Charge" button text | 视频播放界面 “充电” 按钮文字 + color: @accent !important; // Video playback interface "Charge" button text | 视频播放界面 "充电" 按钮文字 } .video-pod[data-v-dac4fbd2]{ background-color: @surface1 !important; // Video playback interface series video card background | 视频播放界面系列视频卡片背景 @@ -475,7 +491,7 @@ color: @text !important; // Video playback interface series video "Auto-play" text | 视频播放界面系列视频 “自动连播” 文字 } .switch-btn.on{ - background-color: @mauve !important; // Video playback interface series video "Auto-play" on background | 视频播放界面系列视频 “自动连播” 开启背景 + background-color: @accent !important; // Video playback interface series video "Auto-play" on background | 视频播放界面系列视频 "自动连播" 开启背景 } .switch-btn .switch-block{ background-color: @text !important; // Video playback interface series video "Auto-play" button color | 视频播放界面系列视频 “自动连播” 按钮颜色 @@ -484,8 +500,8 @@ color: @text !important; //视频播放界面系列视频卡片底部文字 } .video-pod .video-pod__header .header-bottom .right .subscribe-btn[data-v-dac4fbd2]{ - color: @mauve !important; //视频播放界面系列视频卡片"订阅合集“文字 - border-color: @mauve !important; border-style: solid !important; border-width: 1px !important; //视频播放界面系列视频卡片"订阅合集“边框 + color: @accent !important; //视频播放界面系列视频卡片"订阅合集"文字 + border-color: @accent !important; border-style: solid !important; border-width: 1px !important; //视频播放界面系列视频卡片"订阅合集"边框 } .simple-base-item .title{ color: @text !important; // Video playback interface related recommended video title text | 视频播放界面相关推荐视频标题文字 @@ -527,7 +543,7 @@ #editor.active, div#editor.active { background-color: @surface0 !important; - border-color: @mauve !important; + border-color: @accent !important; } .tool-btn{ background-color: @surface0 !important; //视频播放界面标题 "评论条"下方按钮背景 @@ -542,17 +558,17 @@ color: @mauve !important; } #input #inner{ background-color: @surface0 !important; //视频播放界面标题 "转发确认方块“背景 - border-color: @mauve !important; + border-color: @accent !important; } #pub button, .bili-comment-box #pub button, button[data-v-risk="fingerprint"] { - background-color: @mauve !important; //视频播放界面标题 "评论发布按钮"背景 - color: @crust !important; + background-color: @accent !important; //视频播放界面标题 "评论发布按钮"背景 + color: @base !important; // Text on accent background should be base | 强调色背景上的文字应为base opacity: 1 !important; } #contents a{ - color: @mauve !important; //视频播放界面标题 "评论区链接"文字 + color: @accent !important; //视频播放界面标题 "评论区链接"文字 } #comment .tag { --bili-comment-tag-bg-light: @surface1 !important; @@ -575,7 +591,7 @@ // === Video frame content | 视屏框内容 === .bpx-player-progress-schedule-current{ - background-color: @mauve !important; // Progress bar hover tip point inner | 进度条悬停提示点内部 + background-color: @accent !important; // Progress bar hover tip point inner | 进度条悬停提示点内部 } .bpx-player-ctrl-btn{ color: @text !important; // Video playback interface control bar button text | 视频播放界面控制栏按钮文字 @@ -593,8 +609,8 @@ color: @text !important; // Quality menu text | 清晰度菜单文字 } .bpx-player-ctrl-quality-badge .bpx-player-ctrl-quality-badge-bigvip{ - background-color: @mauve !important; // Quality menu big VIP badge background | 清晰度菜单大会员徽章背景 - color: @crust !important; // Quality menu big VIP badge text | 清晰度菜单大会员徽章文字 + background-color: @accent !important; // Quality menu big VIP badge background | 清晰度菜单大会员徽章背景 + color: @base !important; // Text on accent background should be base | 强调色背景上的文字应为base } .bpx-player-ctrl-playbackrate-menu{ background-color: @surface0 !important; // Playback speed menu background | 播放速度菜单背景 @@ -611,23 +627,23 @@ } .bpx-player-ctrl-volume-progress .bui-bar, .bui-bar { - background-color: @mauve !important; // Volume bar set portion (purple) | 音量条已设置部分（紫色） + background-color: @accent !important; // Volume bar set portion (accent color) | 音量条已设置部分（强调色） } .bui-slider-handle { - border-color: @mauve !important; // Volume slider border | 音量滑块边框 - background-color: @mauve !important; // Volume slider color | 音量滑块颜色 + border-color: @accent !important; // Volume slider border | 音量滑块边框 + background-color: @accent !important; // Volume slider color | 音量滑块颜色 } .bpx-player-ctrl-volume-progress .bui-slider-handle, .bui-slider .bui-slider-handle { - border-color: @mauve !important; border-style: solid !important; border-width: 2px !important; // Volume ball border | 音量球边框 - background-color: @mauve !important; // Volume ball color | 音量球颜色 - box-shadow: 0 0 4px @mauve !important; // Volume ball shadow | 音量球阴影 + border-color: @accent !important; border-style: solid !important; border-width: 2px !important; // Volume ball border | 音量球边框 + background-color: @accent !important; // Volume ball color | 音量球颜色 + box-shadow: 0 0 4px @accent !important; // Volume ball shadow | 音量球阴影 } .bpx-player-ctrl-volume-number{ - color: @mauve !important; // Volume number text | 音量数字文字 + color: @text !important; // Volume number text | 音量数字文字 } .bui-slider .bui-track .bui-thumb .bui-thumb-dot{ - background-color: @mauve !important; // Volume slider small dot | 音量滑块小点 + background-color: @accent !important; // Volume slider small dot | 音量滑块小点 } .bui-panel.bui-dark{ background-color: @surface0 !important; // Volume control dark panel background | 音量调节深色面板背景 @@ -636,7 +652,7 @@ color: @text !important; // Settings menu text | 设置菜单文字 } .bui-switch-body{ - background-color: @mauve !important; // Settings switch background | 设置开关背景 + background-color: @accent !important; // Settings switch background | 设置开关背景 } .bui-switch-dot{ background-color: @surface1 !important; // Settings switch button color | 设置开关按钮颜色 @@ -652,21 +668,21 @@ // === Search video page | 搜索视频页面 === .search-input-container .search-input-wrap[data-v-64f8f917]{ background: @surface0 !important; //搜索输入框背景 - border-color: @mauve !important; border-style: solid !important; border-width: 1px !important; //搜索输入框边框 + border-color: @accent !important; border-style: solid !important; border-width: 1px !important; //搜索输入框边框 } .vui_tabs--navbar .vui_tabs--nav-slider{ - background: @mauve !important; //搜索页面分区栏目下划线 + background: @accent !important; //搜索页面分区栏目下划线 } .vui_button--blue, .vui_button--blue:focus { - color: text; - background: @mauve; - border-color: @mauve; border-style: solid; border-width: 1px; + color: @base !important; // Text on accent background should be base | 强调色背景上的文字应为base + background: @accent !important; + border-color: @accent !important; border-style: solid !important; border-width: 1px !important; } .vui_tabs--navbar .vui_tabs--nav-item .vui_tabs--nav-text{ color: @text !important; //搜索页面分区栏目文字 } .vui_tabs--navbar .vui_tabs--nav-item:hover .vui_tabs--nav-text, .vui_tabs--navbar .vui_tabs--nav-item-active .vui_tabs--nav-text{ - color: @mauve !important; //搜索页面分区栏目文字悬停和激活 + color: @accent !important; //搜索页面分区栏目文字悬停和激活 } .vui_tabs--navbar .vui_tabs--nav-item .vui_tabs--nav-num{ background: @surface1 !important; //搜索页面分区栏目数字背景 @@ -678,13 +694,13 @@ } .vui_button--tab:active, .vui_button--tab.vui_button--active, .vui_button--tab.vui_button--active:hover{ - background: @mauve !important; // Search page sort button active background | 搜索页面排序按钮激活背景 - color: @crust !important; // Search page sort button active text | 搜索页面排序按钮激活文字 - border-color: @mauve !important; border-style: solid !important; border-width: 1px !important; + background: @accent !important; // Search page sort button active background | 搜索页面排序按钮激活背景 + color: @base !important; // Text on accent background should be base | 强调色背景上的文字应为base + border-color: @accent !important; border-style: solid !important; border-width: 1px !important; } .vui_button--tab:hover{ background: @surface1 !important; // Search page sort button hover background | 搜索页面排序按钮悬停背景 - color: @crust !important; // Search page sort button hover text | 搜索页面排序按钮悬停文字 + color: @text !important; // Search page sort button hover text | 搜索页面排序按钮悬停文字 } .vui_button, .vui_button:focus{ background: @surface1 !important; // Search page pagination button background | 搜索页面分页按钮背景 @@ -701,7 +717,7 @@ .vui_button--active-blue:active, .vui_button--active-blue.vui_button--active, .vui_button--active-blue.vui_button--active:hover{ - border-color: @mauve !important; border-style: solid !important; border-width: 1px !important; // Search page date picker active border | 搜索页面日期选择器激活边框 + border-color: @accent !important; border-style: solid !important; border-width: 1px !important; // Search page date picker active border | 搜索页面日期选择器激活边框 } From 0ee09f33b68dd2f853826d6b78ef286266b01062 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Sat, 3 Jan 2026 16:17:07 +1100 Subject: [PATCH 110/133] 2 --- styles/bilibili/catppuccin.user.less | 157 ++++++++++++++++++++++++++- 1 file changed, 156 insertions(+), 1 deletion(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 640a9df514..0469a2a9be 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -721,6 +721,161 @@ } + // === Homepage video cards | 首页视频卡片 === + .bili-video-card, + .video-card, + .feed-card { + background-color: @surface0 !important; + border-radius: 8px !important; + } + + .bili-video-card:hover, + .video-card:hover, + .feed-card:hover { + background-color: @surface1 !important; + } + + .bili-video-card__info, + .video-card__info { + background-color: @surface0 !important; + } + + .bili-video-card__info--tit, + .bili-video-card__info--tit a, + .video-card__info .video-name, + .video-name { + color: @text !important; + } + + .bili-video-card__info--tit:hover, + .bili-video-card__info--tit a:hover, + .video-name:hover { + color: @accent !important; + } + + .bili-video-card__info--author, + .bili-video-card__info--date, + .bili-video-card__stats, + .video-card__info .up-name, + .video-card__info .play-text { + color: @subtext0 !important; + } + + .bili-video-card__stats .bili-video-card__stats--item, + .video-card__info .play, + .video-card__info .danmu { + color: @subtext0 !important; + } + + .bili-video-card__stats__icon { + fill: @subtext0 !important; + } + + // === Homepage category tabs | 首页分类标签 === + .floor-single-card .card-list .floor-card, + .primary-menu .primary-menu-item { + background-color: @surface0 !important; + color: @text !important; + } + + .floor-single-card .card-list .floor-card:hover, + .primary-menu .primary-menu-item:hover { + background-color: @surface1 !important; + color: @accent !important; + } + + // === Homepage feed container | 首页推荐流容器 === + .feed-roll-btn, + .palette-button-wrap .palette-button { + background-color: @surface0 !important; + color: @text !important; + border-color: @surface1 !important; + } + + .feed-roll-btn:hover, + .palette-button-wrap .palette-button:hover { + background-color: @surface1 !important; + color: @accent !important; + border-color: @accent !important; + } + + // === Video card image overlay | 视频卡片图片遮罩 === + .bili-video-card__image--duration, + .video-card .duration { + background-color: fade(@mantle, 80%) !important; + color: @text !important; + } + + // === Recommended video section | 推荐视频区块 === + .recommended-container_floor-aside .container, + .recommended-container_floor-aside .aside-area { + background-color: @surface0 !important; + } + + .storey-box { + background-color: @base !important; + } + + // === Live room card | 直播间卡片 === + .live-card, + .bili-live-card { + background-color: @surface0 !important; + } + + .live-card:hover, + .bili-live-card:hover { + background-color: @surface1 !important; + } + + .live-card__title, + .bili-live-card__title { + color: @text !important; + } + + .live-card__up, + .bili-live-card__up { + color: @subtext0 !important; + } + + // === Scrollbar | 滚动条 === + ::-webkit-scrollbar { + width: 8px !important; + height: 8px !important; + } + + ::-webkit-scrollbar-track { + background: @mantle !important; + } + + ::-webkit-scrollbar-thumb { + background: @surface2 !important; + border-radius: 4px !important; + } + + ::-webkit-scrollbar-thumb:hover { + background: @overlay0 !important; + } + + // === Popup and modal | 弹窗和模态框 === + .bili-modal, + .bili-dialog, + .mini-player-window { + background-color: @surface0 !important; + border-color: @surface1 !important; + } + + .bili-modal__header, + .bili-dialog__header { + background-color: @mantle !important; + color: @text !important; + } + + .bili-modal__body, + .bili-dialog__body { + background-color: @surface0 !important; + color: @text !important; + } + + } } - From bfb4ceecb89535302903565ef7c39954f837a3b5 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Sat, 3 Jan 2026 16:22:03 +1100 Subject: [PATCH 111/133] 3 --- styles/bilibili/catppuccin.user.less | 109 ++++++++++++++++++++++++++- 1 file changed, 107 insertions(+), 2 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 0469a2a9be..af462978d9 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -180,6 +180,32 @@ stroke: @mauve !important; color: @mauve !important; } + + // === Top navigation bar items text | 顶部导航栏文字 === + .bili-header__bar .left-entry .v-popover-wrap, + .bili-header__bar .left-entry .default-entry, + .header-entry-mini, + .header-entry-title { + color: @text !important; + } + + .bili-header__bar .left-entry .v-popover-wrap:hover, + .bili-header__bar .left-entry .default-entry:hover { + color: @accent !important; + } + + // === Right side user info and icons | 右侧用户信息和图标 === + .header-avatar-wrap__text, + .right-entry__outside .right-entry-text, + .right-entry__outside .right-entry-item { + color: @text !important; + } + + .header-avatar-wrap:hover .header-avatar-wrap__text, + .right-entry__outside .right-entry-text:hover { + color: @accent !important; + } + .bili-header .header-upload-entry { background-color: @accent !important; // Upload button background | 上传按钮背景 color: @base !important; // Text on accent background should be base | 强调色背景上的文字应为base @@ -721,6 +747,65 @@ } + // === Homepage primary category tabs | 首页主分类标签 === + .primary-menu, + .channel-items__left, + .bili-feed4 .bili-header .channel-items__left { + background-color: @base !important; + } + + .primary-menu__item, + .channel-items__left .channel-link, + .tab-item { + background-color: @surface0 !important; + color: @text !important; + border-radius: 8px !important; + padding: 6px 12px !important; + margin: 0 4px !important; + transition: all 0.2s !important; + } + + .primary-menu__item:hover, + .channel-items__left .channel-link:hover, + .tab-item:hover { + background-color: @surface1 !important; + color: @accent !important; + } + + .primary-menu__item.active, + .channel-link.active, + .tab-item.active { + background-color: @accent !important; + color: @base !important; + } + + // === Homepage secondary category tabs | 首页二级分类标签 === + .secondary-menu, + .sub-tab { + background-color: @base !important; + } + + .secondary-menu__item, + .sub-tab-item { + background-color: @surface0 !important; + color: @text !important; + border-radius: 6px !important; + padding: 4px 10px !important; + margin: 0 3px !important; + } + + .secondary-menu__item:hover, + .sub-tab-item:hover { + background-color: @surface1 !important; + color: @accent !important; + } + + .secondary-menu__item.active, + .sub-tab-item.active { + background-color: @surface1 !important; + color: @accent !important; + } + // === Homepage video cards | 首页视频卡片 === .bili-video-card, .video-card, @@ -786,18 +871,38 @@ // === Homepage feed container | 首页推荐流容器 === .feed-roll-btn, - .palette-button-wrap .palette-button { + .palette-button-wrap .palette-button, + .floor-single-card .card-list .floor-card-right, + .bili-feed4-layout .bili-header .right-entry .roll-btn { background-color: @surface0 !important; color: @text !important; border-color: @surface1 !important; + border-radius: 6px !important; + padding: 6px 12px !important; } .feed-roll-btn:hover, - .palette-button-wrap .palette-button:hover { + .palette-button-wrap .palette-button:hover, + .floor-single-card .card-list .floor-card-right:hover, + .bili-feed4-layout .bili-header .right-entry .roll-btn:hover { background-color: @surface1 !important; color: @accent !important; border-color: @accent !important; } + + // === Feed dynamic and hot icons | 动态和热门图标 === + .dynamic-icon, + .hot-icon, + .bili-header__channel .channel-icons { + fill: @mauve !important; + color: @mauve !important; + } + + .dynamic-icon:hover, + .hot-icon:hover { + fill: @accent !important; + color: @accent !important; + } // === Video card image overlay | 视频卡片图片遮罩 === .bili-video-card__image--duration, From 81ebbf89b894c41297980dfb1925d97d6b76dddd Mon Sep 17 00:00:00 2001 From: BIG BURGER Date: Sun, 4 Jan 2026 00:27:04 +0800 Subject: [PATCH 112/133] Update styles/bilibili/catppuccin.user.less Co-authored-by: uncenter --- styles/bilibili/catppuccin.user.less | 6 ------ 1 file changed, 6 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index af462978d9..4f20ae8f4d 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -236,12 +236,6 @@ .bili-header__channel .channel-link{ background-color: @surface0 !important; // Channel navigation background | 分区栏目背景 color: @text !important; // Text color | 文字颜色 - border-radius: 8px !important; /* Rounded corners | 圆角 */ - padding: 4px 10px !important; /* Inner padding | 内边距 */ - /* font-size and font-weight removed due to stylelint restrictions | 由于stylelint限制移除字体属性 */ - margin: 0 4px !important; /* Button spacing | 按钮间距 */ - display: inline-block !important; - transition: all 0.2s !important; } .bili-header__channel .channel-link:hover{ From a05edcdf905724505ae887708d0d4d0c92fe136f Mon Sep 17 00:00:00 2001 From: BIG BURGER Date: Sun, 4 Jan 2026 00:27:19 +0800 Subject: [PATCH 113/133] Update styles/bilibili/catppuccin.user.less Co-authored-by: uncenter --- styles/bilibili/catppuccin.user.less | 1 - 1 file changed, 1 deletion(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 4f20ae8f4d..7c28e94661 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -257,7 +257,6 @@ .channnel-entry-more__link:hover{ background-color: @surface1 !important; /* Hover background | 悬停背景 */ color: @accent !important; /* Hover text uses accent | 悬停文字使用强调色 */ - transform: scale(1.05) !important; /* 悬停微微放大 */ } /* "更多"下拉菜单容器 */ From 1e8d8436e3a54fc27e3074a4dac8e2f8e53c7b48 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Sun, 4 Jan 2026 03:49:24 +1100 Subject: [PATCH 114/133] fix the suggestions version problems --- styles/bilibili/catppuccin.user.less | 10 +--------- 1 file changed, 1 insertion(+), 9 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 7c28e94661..d7910bc6c7 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -16,7 +16,7 @@ ==/UserStyle== */ @import "https://userstyles.catppuccin.com/lib/lib.less"; -@-moz-document domain("bilibili.com") , domain("www.bilibili.com") { +@-moz-document domain("bilibili.com") { :root { @media (prefers-color-scheme: light) { #catppuccin(@lightFlavor); @@ -231,7 +231,6 @@ } .channel-items_left{ background-color: @base !important; // Channel navigation left background | 分区栏目左侧背景 - gap: 8px !important; // Channel navigation left text spacing | 分区栏目左侧文字间距 } .bili-header__channel .channel-link{ background-color: @surface0 !important; // Channel navigation background | 分区栏目背景 @@ -241,17 +240,10 @@ .bili-header__channel .channel-link:hover{ background-color: @surface1 !important; // Channel navigation hover background | 分区栏目悬停背景 color: @accent !important; // Hover text uses accent | 悬停文字使用强调色 - transform: scale(1.05) !important; /* Slightly enlarge on hover | 悬停微微放大 */ } .channel-entry-more__link{//分区栏目"更多" background-color: @surface0 !important; /* Subtle background | 淡色背景 */ color: @text !important; /* Normal text | 普通文字 */ - border-radius: 8px !important; - padding: 4px 10px !important; - /* font-size and font-weight removed due to stylelint restrictions | 由于stylelint限制移除字体属性 */ - margin: 0 4px !important; - display: inline-block !important; - transition: all 0.2s !important; } .channnel-entry-more__link:hover{ From f52c6653947aa5f0b58798bd1f2c705002f745c1 Mon Sep 17 00:00:00 2001 From: BIG BURGER Date: Sun, 4 Jan 2026 12:10:56 +0800 Subject: [PATCH 115/133] Update styles/bilibili/catppuccin.user.less Co-authored-by: uncenter --- styles/bilibili/catppuccin.user.less | 2 -- 1 file changed, 2 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index d7910bc6c7..e48c198476 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -118,8 +118,6 @@ .nav-search-content { background-color: @mantle !important; // Search box outer ring | 搜索框外圈 border-color: @accent !important; // Search box outer ring border | 搜索框外圈边框 - border-style: solid !important; - border-width: 2px !important; } .nav-searchform, #nav-searchform, From c400dda1818769a75d23a7899a92949fe1cb7b44 Mon Sep 17 00:00:00 2001 From: BIG BURGER Date: Sun, 4 Jan 2026 12:11:12 +0800 Subject: [PATCH 116/133] Update styles/bilibili/catppuccin.user.less Co-authored-by: uncenter --- styles/bilibili/catppuccin.user.less | 3 --- 1 file changed, 3 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index e48c198476..3a2e217e90 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -252,9 +252,6 @@ /* "更多"下拉菜单容器 */ .channel-menu { background-color: @base !important; /* 大背景色 */ - border-radius: 8px !important; - padding: 12px !important; - box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important; } /* Dropdown menu text links | 下拉菜单里的文字链接 */ From 996a917de3ad6dd179bbde2f0a9bb9188652b46f Mon Sep 17 00:00:00 2001 From: BIG BURGER Date: Sun, 4 Jan 2026 12:11:25 +0800 Subject: [PATCH 117/133] Update styles/bilibili/catppuccin.user.less Co-authored-by: uncenter --- styles/bilibili/catppuccin.user.less | 3 --- 1 file changed, 3 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 3a2e217e90..a8e7f8d46d 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -258,9 +258,6 @@ .channel-menu__item, .channel-menu a { color: @text !important; /* Normal text color | 普通文字颜色 */ - padding: 4px 8px !important; - border-radius: 4px !important; - transition: all 0.2s !important; } .channel-menu__item:hover, From ebf2142b97688def2f0db1d7a745e5763a4d51fb Mon Sep 17 00:00:00 2001 From: BIG BURGER Date: Sun, 4 Jan 2026 12:11:33 +0800 Subject: [PATCH 118/133] Update styles/bilibili/catppuccin.user.less Co-authored-by: uncenter --- styles/bilibili/catppuccin.user.less | 2 -- 1 file changed, 2 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index a8e7f8d46d..637ae93c88 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -854,8 +854,6 @@ background-color: @surface0 !important; color: @text !important; border-color: @surface1 !important; - border-radius: 6px !important; - padding: 6px 12px !important; } .feed-roll-btn:hover, From cfb98f62f8f59b602029628ee02c4422597a3b77 Mon Sep 17 00:00:00 2001 From: BIG BURGER Date: Sun, 4 Jan 2026 12:11:43 +0800 Subject: [PATCH 119/133] Update styles/bilibili/catppuccin.user.less Co-authored-by: uncenter --- styles/bilibili/catppuccin.user.less | 3 --- 1 file changed, 3 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 637ae93c88..7763a24685 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -766,9 +766,6 @@ .sub-tab-item { background-color: @surface0 !important; color: @text !important; - border-radius: 6px !important; - padding: 4px 10px !important; - margin: 0 3px !important; } .secondary-menu__item:hover, From 197bdd7166bf815f5ed31cc5bf2ab514963b63d6 Mon Sep 17 00:00:00 2001 From: BIG BURGER Date: Sun, 4 Jan 2026 12:12:04 +0800 Subject: [PATCH 120/133] Update styles/bilibili/catppuccin.user.less Co-authored-by: uncenter --- styles/bilibili/catppuccin.user.less | 10 ---------- 1 file changed, 10 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 7763a24685..1861ae29db 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -423,16 +423,6 @@ height: auto !important; line-height: normal !important; } - /* Ensure send button area and input box are on same background, no white edges | 保证发送按钮区域与输入框在同一背景、无白边 */ - .bpx-player-video-btn-dm, - .bpx-player-video-btn-send, - .bpx-player-dm-wrap, - .bpx-player-dm-root { - background: transparent !important; - background-color: transparent !important; - border-style: none !important; - box-shadow: none !important; - } /* Compatible with shadow DOM / deep selection (if userstyles extension supports it) | 兼容 shadow DOM / 深度选择（如果使用 userstyles 扩展支持） */ :root ::-webkit-media-controls-panel, :root ::-webkit-media-controls-mute-button { From abdb1abca1b70f299411026063bb94f3ac716312 Mon Sep 17 00:00:00 2001 From: BIG BURGER Date: Sun, 4 Jan 2026 12:12:13 +0800 Subject: [PATCH 121/133] Update styles/bilibili/catppuccin.user.less Co-authored-by: uncenter --- styles/bilibili/catppuccin.user.less | 4 ---- 1 file changed, 4 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 1861ae29db..c17e4bedc7 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -726,10 +726,6 @@ .tab-item { background-color: @surface0 !important; color: @text !important; - border-radius: 8px !important; - padding: 6px 12px !important; - margin: 0 4px !important; - transition: all 0.2s !important; } .primary-menu__item:hover, From aff70804dc0faf55068f801e67f4ebf8690e2347 Mon Sep 17 00:00:00 2001 From: BIG BURGER Date: Sun, 4 Jan 2026 12:12:23 +0800 Subject: [PATCH 122/133] Update styles/bilibili/catppuccin.user.less Co-authored-by: uncenter --- styles/bilibili/catppuccin.user.less | 11 ----------- 1 file changed, 11 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index c17e4bedc7..0293a4d2b5 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -412,17 +412,6 @@ border-color: @surface1 !important; border-style: solid !important; border-width: 1px !important; box-shadow: 0 1px 0 fade(@mantle, 8%) inset !important; } - /* Ensure input box itself uses consistent rounded corners with parent container and gets clipped | 保证输入框本身与父容器使用一致圆角并被裁剪 */ - .bpx-player-video-inputbar-wrap .bpx-player-dm-input, - .bpx-player-sending-bar .bpx-player-dm-input, - .bpx-player-video-inputbar-wrap input.bpx-player-dm-input { - border-radius: inherit !important; - background-clip: padding-box !important; - box-shadow: none !important; - margin: 0 !important; - height: auto !important; - line-height: normal !important; - } /* Compatible with shadow DOM / deep selection (if userstyles extension supports it) | 兼容 shadow DOM / 深度选择（如果使用 userstyles 扩展支持） */ :root ::-webkit-media-controls-panel, :root ::-webkit-media-controls-mute-button { From d2b90972fe1c7e031d27da392b49fac4b9ddc24a Mon Sep 17 00:00:00 2001 From: BIG BURGER Date: Sun, 4 Jan 2026 12:12:36 +0800 Subject: [PATCH 123/133] Update styles/bilibili/catppuccin.user.less Co-authored-by: uncenter --- styles/bilibili/catppuccin.user.less | 5 ----- 1 file changed, 5 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 0293a4d2b5..56d9970840 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -348,11 +348,6 @@ background-color: @surface0 !important; // Comment input box background | 弹幕输入框背景 color: @text !important; // Comment input box text | 弹幕输入框文字 border-color: @surface1 !important; // Border | 边框 - border-style: solid !important; - border-width: 1px !important; - border-radius: 8px !important; // Rounded corners | 圆角 - padding: 6px 10px !important; // Inner padding, ensure compatibility with original layout | 内边距，确保与原布局兼容 - outline-color: transparent !important; caret-color: @accent !important; box-shadow: 0 1px 0 fade(@mantle, 10%) inset, 0 2px 8px fade(@mantle, 6%) !important; -webkit-text-fill-color: @text !important; From 0525109a82f093a30e7a04ff0d54a4e0d92cba90 Mon Sep 17 00:00:00 2001 From: BIG BURGER Date: Sun, 4 Jan 2026 12:12:44 +0800 Subject: [PATCH 124/133] Update styles/bilibili/catppuccin.user.less Co-authored-by: uncenter --- styles/bilibili/catppuccin.user.less | 3 --- 1 file changed, 3 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 56d9970840..3c8fcd285a 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -394,9 +394,6 @@ background: @surface0 !important; background-color: @surface0 !important; box-shadow: none !important; - border-radius: 10px !important; - overflow: hidden !important; /* Clip children so corners don't show white | 裁剪子元素，使角落不显示白色 */ - -webkit-background-clip: padding-box !important; } /* Super high priority (override inline styles as much as possible): increase element hierarchy and attribute selectors | 超高优先级（尽可能覆盖内联样式）：增加元素层级和属性选择器 */ html body .bpx-player-sending-bar[style], From 5d16cbaeffe4583b16155d1aec27278f0e40d172 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Sun, 4 Jan 2026 15:23:55 +1100 Subject: [PATCH 125/133] fixing problems --- styles/bilibili/catppuccin.user.less | 153 +++++++++++++++++++++++++++ 1 file changed, 153 insertions(+) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 3c8fcd285a..5a0bd99c29 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -901,6 +901,13 @@ } // === Popup and modal | 弹窗和模态框 === + .bili-modal__mask, + .bili-dialog__mask, + [class*="mask"], + [class*="Mask"] { + background-color: fade(@base, 50%) !important; // Semi-transparent backdrop | 半透明遮罩 + } + .bili-modal, .bili-dialog, .mini-player-window { @@ -919,6 +926,152 @@ background-color: @surface0 !important; color: @text !important; } + + // === Search input themed styles | 搜索框主题样式 === + .v-popover-content, + .bili-search-panel { + background-color: @surface0 !important; + border-color: @surface1 !important; + } + + input[type="search"], + input[type="text"].search-input { + background-color: @surface0 !important; + color: @text !important; + border-color: @surface1 !important; + } + + input[type="search"]:focus, + input[type="text"].search-input:focus { + background-color: @surface0 !important; + border-color: @accent !important; + box-shadow: 0 0 0 2px fade(@accent, 20%) !important; + } + + // === Toggle and switch hover states | 切换按钮悬停状态 === + .switch-btn:hover .txt, + .toggle-item:hover, + .setting-item:hover { + color: @accent !important; + } + + // === Borders and dividers | 边框和分割线 === + .border, + [class*="border"], + .divider, + [class*="divider"], + hr { + border-color: @surface1 !important; + } + + .video-toolbar, + .video-toolbar-left, + .video-toolbar-right { + border-color: @surface1 !important; + } + + // === Icons below video | 视频下方图标 === + .video-toolbar-left .toolbar-left-item-wrap svg, + .video-toolbar-left .toolbar-left-item-wrap svg path, + .video-toolbar-right svg, + .video-toolbar-right svg path, + .video-share-info svg, + .video-share-info svg path { + fill: @mauve !important; + stroke: @mauve !important; + } + + .video-toolbar-left .toolbar-left-item-wrap:hover svg, + .video-toolbar-left .toolbar-left-item-wrap:hover svg path, + .video-toolbar-right:hover svg, + .video-toolbar-right:hover svg path { + fill: @accent !important; + stroke: @accent !important; + } + + // === Dropdown menu borders and icons | 下拉菜单边框和图标 === + .bili-dropdown, + .v-popover, + .popover-content, + [class*="dropdown"], + [class*="Dropdown"] { + background-color: @surface0 !important; + border-color: @surface1 !important; + border: 1px solid @surface1 !important; + } + + .bili-dropdown-item svg, + .bili-dropdown-item svg path, + .popover-content svg, + .popover-content svg path, + [class*="dropdown"] svg, + [class*="dropdown"] svg path { + fill: @mauve !important; + stroke: @mauve !important; + } + + .bili-dropdown-item:hover svg, + .bili-dropdown-item:hover svg path { + fill: @accent !important; + stroke: @accent !important; + } + + // === Share menu | 分享菜单 === + .video-share-popover, + .share-container, + [class*="share"], + [class*="Share"] { + background-color: @surface0 !important; + border-color: @surface1 !important; + } + + .video-share-popover .share-item, + .share-container .share-item { + background-color: @surface0 !important; + color: @text !important; + } + + .video-share-popover .share-item:hover, + .share-container .share-item:hover { + background-color: @surface1 !important; + } + + .share-item svg, + .share-item svg path { + fill: @mauve !important; + } + + // === Header dropdown menu | 头部下拉菜单 === + .header-avatar-wrap--container, + .right-entry-item .v-popover-content, + .bili-header-m .header-entry-mini .mini-pop { + background-color: @surface0 !important; + border-color: @surface1 !important; + border: 1px solid @surface1 !important; + } + + .header-avatar-wrap--container .item, + .header-avatar-wrap--container a, + .v-popover-content .item, + .v-popover-content a { + color: @text !important; + } + + .header-avatar-wrap--container .item:hover, + .header-avatar-wrap--container a:hover, + .v-popover-content .item:hover, + .v-popover-content a:hover { + background-color: @surface1 !important; + color: @accent !important; + } + + .header-avatar-wrap--container svg, + .header-avatar-wrap--container svg path, + .v-popover-content svg, + .v-popover-content svg path { + fill: @mauve !important; + stroke: @mauve !important; + } } From c7f9a2f676d43b58c0949f40ec2cf7489cb802d3 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Sun, 4 Jan 2026 15:55:08 +1100 Subject: [PATCH 126/133] themed some of elements --- styles/bilibili/catppuccin.user.less | 51 +++++++++++++++++++++++++--- 1 file changed, 46 insertions(+), 5 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 5a0bd99c29..7ea1c5f2be 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -295,7 +295,9 @@ .header-channel-fixed-right-item a :hover{ color: @accent !important; // Sliding channel navigation right fixed text hover | 滑动分区栏目右侧固定文字悬停 } - + .header-channel-fixed-right-item{ + background: @surface0 !important + } @@ -327,7 +329,9 @@ .bpx-player-sending-bar{ background-color: @mantle !important; // Video comment bar background | 视频发送弹幕栏背景 } - + .video-info-detail-list .copyright .copyright-icon[data-v-0c3641b4]{ + color: @mauve !important // 禁止转载标志 + } .bpx-player-video-info-online{ color: @text !important; // Video playback interface online count text | 视频播放界面在线人数文字 } @@ -415,6 +419,16 @@ .bui-danmaku-switch{ fill: @mauve !important; // Video playback interface comment toggle icon color | 视频播放界面弹幕开关图标颜色 } + .bui-danmaku-switch svg, + .bui-danmaku-switch svg path, + .bui-danmaku-switch-input:checked ~ .bui-danmaku-switch-label svg, + .bui-danmaku-switch-input:checked ~ .bui-danmaku-switch-label svg path, + .bui-danmaku-switch-on svg, + .bui-danmaku-switch-on svg path { + fill: @accent !important; // Danmaku switch checkmark icon | 弹幕开关勾选图标 + stroke: @accent !important; + color: @accent !important; + } .bpx-player-dm-hint{ color: @text !important; // Video playback interface comment input box placeholder text | 视频播放界面弹幕输入框占位符文字 } @@ -445,6 +459,9 @@ background-color: @surface0 !important; // Video playback interface "Follow" button background | 视频播放界面 “关注” 按钮背景 color: @text !important; // Video playback interface "Follow" button text | 视频播放界面 “关注” 按钮文字 } + .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-wrap a{ + color: @mauve !important; //登陆 注册按钮 + } .bui-collapse .bui-collapse-header{ background-color: @surface0 !important; // Video playback interface video description collapse bar background | 视频播放界面视频描述折叠栏背景 color: @text !important; // Video playback interface video description collapse bar text | 视频播放界面视频描述折叠栏文字 @@ -499,6 +516,12 @@ background-color: @surface1 !important; // Video playback interface video tag background | 视频播放界面视频标签背景 color: @text !important; // Video playback interface video tag text | 视频播放界面视频标签文字 } + .activity-m-v1 .inside-wrp{ + border: 1px solid @mauve !important // 广告边框 + } + .video-tag-container[data-v-cf3f07d2]{ + border: 1px solid !important + } #title h2, .bili-comments-header-renderer #title h2, div#title h2 { @@ -750,22 +773,40 @@ // === Homepage video cards | 首页视频卡片 === .bili-video-card, .video-card, - .feed-card { + .feed-card, + .bili-feed-card { background-color: @surface0 !important; border-radius: 8px !important; } .bili-video-card:hover, .video-card:hover, - .feed-card:hover { + .feed-card:hover, + .bili-feed-card:hover { background-color: @surface1 !important; } .bili-video-card__info, - .video-card__info { + .video-card__info, + .bili-feed-card__info { + background-color: @surface0 !important; + } + + // === Feed card layers and overlays | 视频卡片层叠窗口 === + .bili-feed-card .layer, + .bili-feed-card .layer-bg, + [class*="layer"], + .floor-single-card .layer, + .cover-container { background-color: @surface0 !important; } + .bili-feed-card .layer .tiny, + .layer .tiny { + background-color: @surface0 !important; + color: @text !important; + } + .bili-video-card__info--tit, .bili-video-card__info--tit a, .video-card__info .video-name, From f4381e70ab49e872878796e3012f1f2820787088 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Sun, 4 Jan 2026 16:00:05 +1100 Subject: [PATCH 127/133] fixing the cover problem --- styles/bilibili/catppuccin.user.less | 20 +++++++++++++++++--- 1 file changed, 17 insertions(+), 3 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 7ea1c5f2be..e04185763d 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -795,18 +795,32 @@ // === Feed card layers and overlays | 视频卡片层叠窗口 === .bili-feed-card .layer, .bili-feed-card .layer-bg, - [class*="layer"], + .bili-feed-card .layer-tiny, .floor-single-card .layer, - .cover-container { + .floor-single-card .layer-bg, + .floor-card-inner, + .cover-container, + .card-mark, + .bili-video-card .cover-container, + .feed-card .cover-container { background-color: @surface0 !important; } .bili-feed-card .layer .tiny, - .layer .tiny { + .bili-feed-card .tiny, + .layer.tiny { background-color: @surface0 !important; color: @text !important; } + // === Video card hover info overlay | 视频卡片悬停信息叠层 === + .bili-video-card__info--icon-text, + .video-card-info, + .card-info-bottom, + .bili-video-card .card-mark-text { + color: @text !important; + } + .bili-video-card__info--tit, .bili-video-card__info--tit a, .video-card__info .video-name, From 4c3cbb169f9a708c666c1e03299f5b9765390b70 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Sun, 4 Jan 2026 16:20:35 +1100 Subject: [PATCH 128/133] fixing 2 --- styles/bilibili/catppuccin.user.less | 35 ++++++++++++++++++++++++++-- 1 file changed, 33 insertions(+), 2 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index e04185763d..d6e4c7352c 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -168,6 +168,10 @@ // === Top right icons | 顶部右侧图标 === + .bili-header .header-login-entry{ + background: @mauve !important; //登陆图标 + color: @text !important; //登陆文字 + } .bili-header .right-entry__outside .right-entry-icon svg, .bili-header .right-entry__outside .right-entry-icon svg path, .bili-header .right-entry__outside .right-entry-icon svg use, @@ -285,18 +289,27 @@ } .left-fixed-channel a{ color: @text !important; // Sliding channel navigation left fixed text | 滑动分区栏目左侧固定文字 + background-color: @surface0 !important; + border-color: @surface1 !important; // Border color | 边框颜色 } .left-fixed-channel a :hover{ color: @accent !important; // Sliding channel navigation left fixed text hover | 滑动分区栏目左侧固定文字悬停 + background-color: @surface1 !important; + border-color: @surface2 !important; // Hover border color | 悬停边框颜色 } .header-channel-fixed-right-item a{ color: @text !important; // Sliding channel navigation right fixed text | 滑动分区栏目右侧固定文字 + background-color: @surface0 !important; + border-color: @surface1 !important; // Border color | 边框颜色 } .header-channel-fixed-right-item a :hover{ color: @accent !important; // Sliding channel navigation right fixed text hover | 滑动分区栏目右侧固定文字悬停 + background-color: @surface1 !important; + border-color: @surface2 !important; // Hover border color | 悬停边框颜色 } .header-channel-fixed-right-item{ - background: @surface0 !important + background: @surface0 !important; + border-color: @surface1 !important; // Border color | 边框颜色 } @@ -312,7 +325,9 @@ .shortcut-bg{ background-color: @surface0 !important; // Channel navigation overlay card video window inner background | 分区栏目叠放卡片视频窗内背景 } - + .bili-video-card .bili-video-card__info--icon-text{ + background-color: @mauve !important; + } @@ -804,6 +819,7 @@ .bili-video-card .cover-container, .feed-card .cover-container { background-color: @surface0 !important; + border-color: @surface1 !important; } .bili-feed-card .layer .tiny, @@ -811,6 +827,21 @@ .layer.tiny { background-color: @surface0 !important; color: @text !important; + border-color: @surface1 !important; + } + + // === Video card borders | 视频卡片边框 === + .bili-video-card, + .video-card, + .feed-card, + .bili-feed-card { + border: 1px solid @surface1 !important; + } + + .bili-video-card__image, + .video-card__image, + .v-img { + border-color: @surface1 !important; } // === Video card hover info overlay | 视频卡片悬停信息叠层 === From b1cddbb0b52c71da31ff033c471b771a717225dc Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Sun, 4 Jan 2026 16:26:43 +1100 Subject: [PATCH 129/133] fixing 3 --- styles/bilibili/catppuccin.user.less | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index d6e4c7352c..c1e148cb3c 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -237,11 +237,13 @@ .bili-header__channel .channel-link{ background-color: @surface0 !important; // Channel navigation background | 分区栏目背景 color: @text !important; // Text color | 文字颜色 + border-color: @surface1 !important; // Border color | 边框颜色 } .bili-header__channel .channel-link:hover{ background-color: @surface1 !important; // Channel navigation hover background | 分区栏目悬停背景 color: @accent !important; // Hover text uses accent | 悬停文字使用强调色 + border-color: @surface2 !important; // Hover border color | 悬停边框颜色 } .channel-entry-more__link{//分区栏目"更多" background-color: @surface0 !important; /* Subtle background | 淡色背景 */ @@ -1158,7 +1160,9 @@ fill: @mauve !important; stroke: @mauve !important; } - + .floor-card[data-v-d632646a]{ + border: 1px solid @base !important //叠放窗口边框 + } } } From 40c4801a9863785eaf1779cf4758480f05fc1a7b Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Sun, 4 Jan 2026 16:30:43 +1100 Subject: [PATCH 130/133] fixing3 --- styles/bilibili/catppuccin.user.less | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index c1e148cb3c..0d65821be3 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -248,27 +248,31 @@ .channel-entry-more__link{//分区栏目"更多" background-color: @surface0 !important; /* Subtle background | 淡色背景 */ color: @text !important; /* Normal text | 普通文字 */ + border-color: @surface1 !important; /* Border color | 边框颜色 */ } .channnel-entry-more__link:hover{ background-color: @surface1 !important; /* Hover background | 悬停背景 */ color: @accent !important; /* Hover text uses accent | 悬停文字使用强调色 */ + border-color: @surface2 !important; /* Hover border color | 悬停边框颜色 */ } /* "更多"下拉菜单容器 */ .channel-menu { - background-color: @base !important; /* 大背景色 */ + background-color: @surface0 !important; /* Dropdown background | 下拉菜单背景 */ + border-color: @surface1 !important; /* Border color | 边框颜色 */ } /* Dropdown menu text links | 下拉菜单里的文字链接 */ .channel-menu__item, .channel-menu a { color: @text !important; /* Normal text color | 普通文字颜色 */ + background-color: @surface0 !important; /* Item background | 项目背景 */ } .channel-menu__item:hover, .channel-menu a:hover { - background-color: @surface0 !important; /* Hover background | 悬停背景 */ + background-color: @surface1 !important; /* Hover background | 悬停背景 */ color: @accent !important; /* Hover text changes to accent color | 悬停文字变强调色 */ } From 6e78daf4c17021b827893d0142446447d53eefea Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Sun, 4 Jan 2026 17:12:08 +1100 Subject: [PATCH 131/133] fixing 4 --- styles/bilibili/catppuccin.user.less | 77 ++++++++++------------------ 1 file changed, 27 insertions(+), 50 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 0d65821be3..2f40f54d7c 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -351,7 +351,7 @@ background-color: @mantle !important; // Video comment bar background | 视频发送弹幕栏背景 } .video-info-detail-list .copyright .copyright-icon[data-v-0c3641b4]{ - color: @mauve !important // 禁止转载标志 + color: @mauve !important; // 禁止转载标志 } .bpx-player-video-info-online{ color: @text !important; // Video playback interface online count text | 视频播放界面在线人数文字 @@ -374,16 +374,13 @@ color: @text !important; // Comment input box text | 弹幕输入框文字 border-color: @surface1 !important; // Border | 边框 caret-color: @accent !important; - box-shadow: 0 1px 0 fade(@mantle, 10%) inset, 0 2px 8px fade(@mantle, 6%) !important; -webkit-text-fill-color: @text !important; } .bpx-player-dm-input::placeholder{ color: @subtext0 !important; // Placeholder color | 占位符颜色 - opacity: 1 !important; } .bpx-player-dm-input:focus{ border-color: @accent !important; // Accent color when focused | 聚焦时的强调色 - box-shadow: 0 0 0 4px fade(@accent, 12%) !important; background-color: mix(@surface0, @mantle, 6%) !important; } /* Stronger override: for potentially more specific or inline site rules | 更强的覆盖：针对可能更具体或内联的站点规则 */ @@ -396,11 +393,9 @@ background-image: none !important; -webkit-appearance: none !important; appearance: none !important; - box-shadow: 0 1px 0 fade(@mantle, 10%) inset, 0 2px 8px fade(@mantle, 6%) !important; - border-color: @surface1 !important; border-style: solid !important; border-width: 1px !important; + border-color: @surface1 !important; color: @text !important; -webkit-text-fill-color: @text !important; - opacity: 1 !important; } /* Autofill / browser styling overrides */ input.bpx-player-dm-input:-webkit-autofill, @@ -418,7 +413,6 @@ .bpx-player-video-inputbar-wrap .bpx-player-dm-wrap { background: @surface0 !important; background-color: @surface0 !important; - box-shadow: none !important; } /* Super high priority (override inline styles as much as possible): increase element hierarchy and attribute selectors | 超高优先级（尽可能覆盖内联样式）：增加元素层级和属性选择器 */ html body .bpx-player-sending-bar[style], @@ -426,8 +420,7 @@ html body input.bpx-player-dm-input[style] { background: @surface0 !important; background-color: @surface0 !important; - border-color: @surface1 !important; border-style: solid !important; border-width: 1px !important; - box-shadow: 0 1px 0 fade(@mantle, 8%) inset !important; + border-color: @surface1 !important; } /* Compatible with shadow DOM / deep selection (if userstyles extension supports it) | 兼容 shadow DOM / 深度选择（如果使用 userstyles 扩展支持） */ :root ::-webkit-media-controls-panel, @@ -474,7 +467,7 @@ } .upinfo-btn-panel .new-charge-btn.charge-btn-loaded[data-v-db02d4c6]{ background-color: @surface0 !important; // Video playback interface "Charge" button background | 视频播放界面 “充电” 按钮背景 - border-color: @accent !important; border-style: solid !important; border-width: 1px !important; // Video playback interface "Charge" button border color | 视频播放界面 "充电" 按钮边框颜色 + border-color: @accent !important; // Video playback interface "Charge" button border color | 视频播放界面 "充电" 按钮边框颜色 } .upinfo-btn-panel .follow-btn.not-follow[data-v-db02d4c6]{ background-color: @surface0 !important; // Video playback interface "Follow" button background | 视频播放界面 “关注” 按钮背景 @@ -490,6 +483,13 @@ .upinfo-btn-panel .new-charge-btn[data-v-db02d4c6]{ color: @accent !important; // Video playback interface "Charge" button text | 视频播放界面 "充电" 按钮文字 } + .upinfo-btn-panel .new-charge-btn svg, + .upinfo-btn-panel .new-charge-btn svg path, + .charge-btn svg, + .charge-btn svg path { + fill: @mauve !important; // Charge button icon color | 充电按钮图标颜色 + stroke: @mauve !important; + } .video-pod[data-v-dac4fbd2]{ background-color: @surface1 !important; // Video playback interface series video card background | 视频播放界面系列视频卡片背景 } @@ -513,7 +513,7 @@ } .video-pod .video-pod__header .header-bottom .right .subscribe-btn[data-v-dac4fbd2]{ color: @accent !important; //视频播放界面系列视频卡片"订阅合集"文字 - border-color: @accent !important; border-style: solid !important; border-width: 1px !important; //视频播放界面系列视频卡片"订阅合集"边框 + border-color: @accent !important; //视频播放界面系列视频卡片"订阅合集"边框 } .simple-base-item .title{ color: @text !important; // Video playback interface related recommended video title text | 视频播放界面相关推荐视频标题文字 @@ -538,10 +538,10 @@ color: @text !important; // Video playback interface video tag text | 视频播放界面视频标签文字 } .activity-m-v1 .inside-wrp{ - border: 1px solid @mauve !important // 广告边框 + border-color: @mauve !important; // 广告边框 } .video-tag-container[data-v-cf3f07d2]{ - border: 1px solid !important + border-color: @surface1 !important; } #title h2, .bili-comments-header-renderer #title h2, @@ -566,7 +566,7 @@ .tool-btn{ background-color: @surface0 !important; //视频播放界面标题 "评论条"下方按钮背景 color: @text !important; - border-color: @surface1 !important; border-style: solid !important; border-width: 1px !important; + border-color: @surface1 !important; } .tool-btn svg, .tool-btn svg path, .button.tool-btn.emoji svg, @@ -583,7 +583,6 @@ button[data-v-risk="fingerprint"] { background-color: @accent !important; //视频播放界面标题 "评论发布按钮"背景 color: @base !important; // Text on accent background should be base | 强调色背景上的文字应为base - opacity: 1 !important; } #contents a{ color: @accent !important; //视频播放界面标题 "评论区链接"文字 @@ -653,9 +652,8 @@ } .bpx-player-ctrl-volume-progress .bui-slider-handle, .bui-slider .bui-slider-handle { - border-color: @accent !important; border-style: solid !important; border-width: 2px !important; // Volume ball border | 音量球边框 + border-color: @accent !important; // Volume ball border | 音量球边框 background-color: @accent !important; // Volume ball color | 音量球颜色 - box-shadow: 0 0 4px @accent !important; // Volume ball shadow | 音量球阴影 } .bpx-player-ctrl-volume-number{ color: @text !important; // Volume number text | 音量数字文字 @@ -686,7 +684,7 @@ // === Search video page | 搜索视频页面 === .search-input-container .search-input-wrap[data-v-64f8f917]{ background: @surface0 !important; //搜索输入框背景 - border-color: @accent !important; border-style: solid !important; border-width: 1px !important; //搜索输入框边框 + border-color: @accent !important; //搜索输入框边框 } .vui_tabs--navbar .vui_tabs--nav-slider{ background: @accent !important; //搜索页面分区栏目下划线 @@ -694,7 +692,7 @@ .vui_button--blue, .vui_button--blue:focus { color: @base !important; // Text on accent background should be base | 强调色背景上的文字应为base background: @accent !important; - border-color: @accent !important; border-style: solid !important; border-width: 1px !important; + border-color: @accent !important; } .vui_tabs--navbar .vui_tabs--nav-item .vui_tabs--nav-text{ color: @text !important; //搜索页面分区栏目文字 @@ -714,7 +712,7 @@ .vui_button--tab.vui_button--active:hover{ background: @accent !important; // Search page sort button active background | 搜索页面排序按钮激活背景 color: @base !important; // Text on accent background should be base | 强调色背景上的文字应为base - border-color: @accent !important; border-style: solid !important; border-width: 1px !important; + border-color: @accent !important; } .vui_button--tab:hover{ background: @surface1 !important; // Search page sort button hover background | 搜索页面排序按钮悬停背景 @@ -730,12 +728,12 @@ .search-date-picker .search-date-picker__trigger .date-trigger[data-v-36b38319]{ background-color: @surface1 !important; // Search page date picker background | 搜索页面日期选择器背景 color: @text !important; // Search page date picker text | 搜索页面日期选择器文字 - border-color: @surface1 !important; border-style: solid !important; border-width: 1px !important; // Search page date picker border | 搜索页面日期选择器边框 + border-color: @surface1 !important; // Search page date picker border | 搜索页面日期选择器边框 } .vui_button--active-blue:active, .vui_button--active-blue.vui_button--active, .vui_button--active-blue.vui_button--active:hover{ - border-color: @accent !important; border-style: solid !important; border-width: 1px !important; // Search page date picker active border | 搜索页面日期选择器激活边框 + border-color: @accent !important; // Search page date picker active border | 搜索页面日期选择器激活边框 } @@ -797,7 +795,6 @@ .feed-card, .bili-feed-card { background-color: @surface0 !important; - border-radius: 8px !important; } .bili-video-card:hover, @@ -841,7 +838,7 @@ .video-card, .feed-card, .bili-feed-card { - border: 1px solid @surface1 !important; + border-color: @surface1 !important; } .bili-video-card__image, @@ -974,18 +971,12 @@ } // === Scrollbar | 滚动条 === - ::-webkit-scrollbar { - width: 8px !important; - height: 8px !important; - } - ::-webkit-scrollbar-track { background: @mantle !important; } ::-webkit-scrollbar-thumb { background: @surface2 !important; - border-radius: 4px !important; } ::-webkit-scrollbar-thumb:hover { @@ -994,9 +985,7 @@ // === Popup and modal | 弹窗和模态框 === .bili-modal__mask, - .bili-dialog__mask, - [class*="mask"], - [class*="Mask"] { + .bili-dialog__mask { background-color: fade(@base, 50%) !important; // Semi-transparent backdrop | 半透明遮罩 } @@ -1037,7 +1026,6 @@ input[type="text"].search-input:focus { background-color: @surface0 !important; border-color: @accent !important; - box-shadow: 0 0 0 2px fade(@accent, 20%) !important; } // === Toggle and switch hover states | 切换按钮悬停状态 === @@ -1048,10 +1036,7 @@ } // === Borders and dividers | 边框和分割线 === - .border, - [class*="border"], .divider, - [class*="divider"], hr { border-color: @surface1 !important; } @@ -1084,20 +1069,15 @@ // === Dropdown menu borders and icons | 下拉菜单边框和图标 === .bili-dropdown, .v-popover, - .popover-content, - [class*="dropdown"], - [class*="Dropdown"] { + .popover-content { background-color: @surface0 !important; border-color: @surface1 !important; - border: 1px solid @surface1 !important; } .bili-dropdown-item svg, .bili-dropdown-item svg path, .popover-content svg, - .popover-content svg path, - [class*="dropdown"] svg, - [class*="dropdown"] svg path { + .popover-content svg path { fill: @mauve !important; stroke: @mauve !important; } @@ -1110,9 +1090,7 @@ // === Share menu | 分享菜单 === .video-share-popover, - .share-container, - [class*="share"], - [class*="Share"] { + .share-container { background-color: @surface0 !important; border-color: @surface1 !important; } @@ -1139,7 +1117,6 @@ .bili-header-m .header-entry-mini .mini-pop { background-color: @surface0 !important; border-color: @surface1 !important; - border: 1px solid @surface1 !important; } .header-avatar-wrap--container .item, @@ -1165,7 +1142,7 @@ stroke: @mauve !important; } .floor-card[data-v-d632646a]{ - border: 1px solid @base !important //叠放窗口边框 + border-color: @surface1 !important; //叠放窗口边框 } } From 246d5bfaa5987c2ebbcbc23fab36f0bc7ee4e825 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Sun, 4 Jan 2026 17:21:36 +1100 Subject: [PATCH 132/133] fixing 5 --- styles/bilibili/catppuccin.user.less | 7 ------- 1 file changed, 7 deletions(-) diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index 2f40f54d7c..feb2c39e3e 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -374,7 +374,6 @@ color: @text !important; // Comment input box text | 弹幕输入框文字 border-color: @surface1 !important; // Border | 边框 caret-color: @accent !important; - -webkit-text-fill-color: @text !important; } .bpx-player-dm-input::placeholder{ color: @subtext0 !important; // Placeholder color | 占位符颜色 @@ -390,19 +389,13 @@ .bpx-player-video-inputbar-wrap .bpx-player-dm-input, input.bpx-player-dm-input.bpx-player-dm-input { background: @surface0 !important; - background-image: none !important; - -webkit-appearance: none !important; - appearance: none !important; border-color: @surface1 !important; color: @text !important; - -webkit-text-fill-color: @text !important; } /* Autofill / browser styling overrides */ input.bpx-player-dm-input:-webkit-autofill, input.bpx-player-dm-input:-webkit-autofill:hover, input.bpx-player-dm-input:-webkit-autofill:focus { - -webkit-text-fill-color: @text !important; - box-shadow: 0 0 0 1000px @surface0 inset !important; background: @surface0 !important; } /* If parent container has white background, force override parent container styles | 如果父容器有白色背景，强制覆盖父容器样式 */ From eaa832fee8374dd575e89b764bb750b3dce79116 Mon Sep 17 00:00:00 2001 From: sixuan911 Date: Sun, 4 Jan 2026 18:57:11 +1100 Subject: [PATCH 133/133] fix(bilibili): remove duplicate selectors and fix YAML indentation --- scripts/userstyles.yml | 2 +- styles/bilibili/catppuccin.user.less | 12 ++---------- 2 files changed, 3 insertions(+), 11 deletions(-) diff --git a/scripts/userstyles.yml b/scripts/userstyles.yml index c14585552c..03a2b498ce 100644 --- a/scripts/userstyles.yml +++ b/scripts/userstyles.yml @@ -151,7 +151,7 @@ userstyles: name: Bilibili link: https://bilibili.com categories: [entertainment, social_networking, photo_and_video] - icon: bilibili + icon: bilibili color: sapphire current-maintainers: [*sixuan911] canvas-lms: diff --git a/styles/bilibili/catppuccin.user.less b/styles/bilibili/catppuccin.user.less index feb2c39e3e..261c5cb34b 100644 --- a/styles/bilibili/catppuccin.user.less +++ b/styles/bilibili/catppuccin.user.less @@ -352,6 +352,7 @@ } .video-info-detail-list .copyright .copyright-icon[data-v-0c3641b4]{ color: @mauve !important; // 禁止转载标志 + fill: @mauve !important; // Copyright icon color | 版权图标颜色 } .bpx-player-video-info-online{ color: @text !important; // Video playback interface online count text | 视频播放界面在线人数文字 @@ -446,9 +447,6 @@ background: @accent !important; // Video playback interface video tags "More" button background | 视频播放界面视频标签"更多"按钮背景 color: @base !important; // Text on accent background should be base | 强调色背景上的文字应为base } - .video-info-detail-list .copyright .copyright-icon[data-v-0c3641b4]{ - fill: @mauve !important; // Video playback interface copyright icon color | 视频播放界面版权图标颜色 - } .up-detail .up-detail-top .up-name[data-v-5f1f09f0]{ color: @text !important; // Video playback interface uploader name text | 视频播放界面up主名称文字 } @@ -788,6 +786,7 @@ .feed-card, .bili-feed-card { background-color: @surface0 !important; + border-color: @surface1 !important; } .bili-video-card:hover, @@ -827,13 +826,6 @@ } // === Video card borders | 视频卡片边框 === - .bili-video-card, - .video-card, - .feed-card, - .bili-feed-card { - border-color: @surface1 !important; - } - .bili-video-card__image, .video-card__image, .v-img {