找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 活动 交友 discuz
查看: 1853|回复: 9

[求助] 可以通过custom.css 来修改UI字体颜色和书签字体颜色吗

[复制链接]

14

主题

74

回帖

743

积分

高级会员

积分
743
发表于 2024-10-3 15:11:14 | 显示全部楼层 |阅读模式

这个红框部分字体颜色能修改吗, 深色模式下, 就这部分颜色太两太刺眼了, 要是默认可以调灰色就好了

截屏图片 (1).jpg

回复

使用道具 举报

12

主题

1万

回帖

2万

积分

超级版主

(^^ゞ

积分
27237
发表于 2024-10-3 17:16:05 | 显示全部楼层
不行,这部分内容不受 custom.css 控制,标签页上的文本倒还可以通过浏览器主题修改;或者你可以选择使用 CR2023 (即将 chrome://flags/#chrome-refresh-2023 设为 Enabled),这个新 UI 有跟随深色模式调整过图示部分的文本颜色。
¯\(°_o)/¯
回复

使用道具 举报

14

主题

74

回帖

743

积分

高级会员

积分
743
 楼主| 发表于 2024-10-3 20:35:48 | 显示全部楼层
S8F8ry 发表于 2024-10-3 17:16
不行,这部分内容不受 custom.css 控制,标签页上的文本倒还可以通过浏览器主题修改;或者你可以选择使用 C ...

chrome://flags/#chrome-refresh-2023 新UI 排版行距太大了, 不适应
回复

使用道具 举报

39

主题

208

回帖

1687

积分

金牌会员

积分
1687
发表于 2025-11-5 02:22:05 | 显示全部楼层
本帖最后由 vrgf1ew 于 2025-11-5 02:35 编辑
S8F8ry 发表于 2024-10-3 17:16
不行,这部分内容不受 custom.css 控制,标签页上的文本倒还可以通过浏览器主题修改;或者你可以选择使用 C ...

版主,请问下custom.css可以用于修改devtools的字体吗?我想修改工具栏的字体,如图红框内的字体,我在custom.css添加了如下样式:
  1. .platform-windows { --default-font-family: Comic Sans Ms !important; }
复制代码

然后打开任意页面的devtools,发现字体并未修改,但是用于检查devtools的devtools的字体倒是修改了,如下图中绿框内的字体,这是为什么呢?再检查这个devtools,可以发现样式的确是注入了。

image.png

不过我发现此时如果保持devtools打开,把custom.css的中的".platform-windows"改成".platform-windows1111",即让其无效,再改回".platform-windows",字体就会修改了。不过下次打开devtools还是不行。


回复

使用道具 举报

12

主题

1万

回帖

2万

积分

超级版主

(^^ゞ

积分
27237
发表于 2025-11-5 13:44:13 | 显示全部楼层
vrgf1ew 发表于 2025-11-5 02:22
版主,请问下custom.css可以用于修改devtools的字体吗?我想修改工具栏的字体,如图红框内的字体,我在cus ...

🤔 可能是 DevTools 进程的创建方式有些特殊所以一开始捕获不到?
¯\(°_o)/¯
回复

使用道具 举报

39

主题

208

回帖

1687

积分

金牌会员

积分
1687
发表于 2025-11-5 18:58:20 | 显示全部楼层
本帖最后由 vrgf1ew 于 2025-11-5 19:00 编辑
S8F8ry 发表于 2025-11-5 13:44
🤔 可能是 DevTools 进程的创建方式有些特殊所以一开始捕获不到?

类似的情况还有下载列表(Ctrl+J),其他地方的UI字体比如chrome://settings都可以通过添加如下类似的css声明修改字体:
  1. settings-ui {
  2.     font-family: Comic Sans Ms;
  3. }
复制代码

但是对于下载列表,添加如下样式就无法生效:
  1. downloads-manager {
  2.     font-family: Comic Sans Ms;
  3. }
复制代码

不过,检查下载列表的DevTools的工具栏字体是被修改了的。

回复

使用道具 举报

39

主题

208

回帖

1687

积分

金牌会员

积分
1687
发表于 2026-3-16 02:27:45 | 显示全部楼层
本帖最后由 vrgf1ew 于 2026-3-16 02:29 编辑
vrgf1ew 发表于 2025-11-5 02:22
版主,请问下custom.css可以用于修改devtools的字体吗?我想修改工具栏的字体,如图红框内的字体,我在cus ...

似乎custom.css的样式都是无法注入到DevTools 中的,开发者后续有可能修复这个问题吗?或者还有别的方法吗。
回复

使用道具 举报

12

主题

1万

回帖

2万

积分

超级版主

(^^ゞ

积分
27237
发表于 2026-3-16 13:48:11 | 显示全部楼层
vrgf1ew 发表于 2026-3-16 02:27
似乎custom.css的样式都是无法注入到DevTools 中的,开发者后续有可能修复这个问题吗?或者还有别的方法吗 ...

话说让 custom.css 能影响到 DevTools 真的是管理员大佬预期的吗?🤪
¯\(°_o)/¯
回复

使用道具 举报

39

主题

208

回帖

1687

积分

金牌会员

积分
1687
发表于 2026-3-16 15:04:27 | 显示全部楼层
本帖最后由 vrgf1ew 于 2026-3-16 15:09 编辑
S8F8ry 发表于 2026-3-16 13:48
话说让 custom.css 能影响到 DevTools 真的是管理员大佬预期的吗?🤪

那这可能这是一个bug了,不应该能注入进去的😂。不过我刚发现打开DevTools后,刷新一下(Alt+R)也能让样式注入进去。感觉要修复的话应该是可能的。有什么办法可以打开DevTools自动触发刷新吗。
回复

使用道具 举报

12

主题

1万

回帖

2万

积分

超级版主

(^^ゞ

积分
27237
发表于 2026-3-16 19:32:54 | 显示全部楼层
vrgf1ew 发表于 2026-3-16 15:04
那这可能这是一个bug了,不应该能注入进去的😂。不过我刚发现打开DevTools后,刷新一下(Alt+R)也能让样 ...

我觉得是“意外”,只是因为 DevTools 本身也是个 Web 应用导致的,这应该只能手动刷新加载了。另外这个 DevTools 似乎是无限套娃下去 😂
¯\(°_o)/¯
回复

使用道具 举报

高级模式
B Color Image Link Quote Code Smilies

本版积分规则

Archiver|手机版|小黑屋|百分浏览器论坛

GMT+8, 2026-4-16 19:16 , Processed in 0.062057 second(s), 21 queries .

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

快速回复 返回顶部 返回列表