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

xxxdo1

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

S8F8ry

不行，这部分内容不受 custom.css 控制，标签页上的文本倒还可以通过浏览器主题修改；或者你可以选择使用 CR2023 (即将 chrome://flags/#chrome-refresh-2023 设为 Enabled)，这个新 UI 有跟随深色模式调整过图示部分的文本颜色。

xxxdo1

S8F8ry 发表于 2024-10-3 17:16
不行，这部分内容不受 custom.css 控制，标签页上的文本倒还可以通过浏览器主题修改；或者你可以选择使用 C ...

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

vrgf1ew

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，可以发现样式的确是注入了。



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

S8F8ry

vrgf1ew 发表于 2025-11-5 02:22
版主，请问下custom.css可以用于修改devtools的字体吗？我想修改工具栏的字体，如图红框内的字体，我在cus ...

🤔 可能是 DevTools 进程的创建方式有些特殊所以一开始捕获不到？

vrgf1ew

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的工具栏字体是被修改了的。