☰

如何自定义 Chromium 标签中的文本颜色？

tag-icon • tag-icon gnome themes chromium gtk
如何自定义 Chromium 标签中的文本颜色？

有人知道如何自定义 Chromium 标签中的文本颜色吗？我知道 Chromium 从使用的 GTK 主题加载这些颜色。我目前正在使用 Arc 主题。

我已经花了好几个小时尝试自己做这件事，编辑了文件gtk.css，/usr/share/themes/Arc/gtk-3.0我甚至进入了 Chromium 的源代码，试图找到一些关于我应该使用什么 CSS 选择器的线索。然而，我无法改变它。

任何对此尝试提供的帮助都将受到感谢。

答案1

如果您可以gtk.css在主题的gtk-3.0子文件夹中进行编辑，要编辑的行如下：

@define-color theme_fg_color #aa55ff;

#aa55ff新的颜色在哪里。

不幸的是，浏览器用户界面的其他方面也会受到影响：

  • 书签栏的文字颜色
  • 书签栏文件夹中项目的文本颜色
  • Customize and control ...下拉菜单中的文本颜色
  • 后退、前进和主页图标的颜色，甚至更多

淡紫色标签文本

当然，所有其他 gtk3 应用程序也会受到影响。如果您不希望发生这种情况，请用不同的名称复制主题并修改副本。然后您可以使用

GTK_THEME=modified-theme-name chromium-browser

跑步仅有的具有修改主题的 chromium-browser。

编辑：

即使您没有询问有关 Firefox 的问题，我只想指出，即使在 Quantum 之后，Firefox 用户界面目前也更加可定制。

这是调整标签文本颜色之前的样子和标签背景颜色：

前

修改后的效果如下：

后

userChrome.css我所做的只是在文件夹中创建一个文件~/.mozilla/firefox/profile_name/chrome。默认情况下，此文件夹不存在。您需要创建它。

userChrome.css获取显示的选项卡自定义的内容为：

tab { color: #000010 !important; font-size: 16px !important; font-family: Cousine !important; }
tab [selected] { font-family: Cousine !important; color: #ff00ff !important; font-weight: normal !important; font-size: 16px !important;  background: #444 !important; }

调整文件的优点userChrome.css是不会影响浏览器或其他应用程序的其他方面。

相关内容