☰

让 Firefox 在浏览器 Chrome 上仅使用 GTK 主题，但在网站上忽略

tag-icon • tag-icon firefox themes gtk
让 Firefox 在浏览器 Chrome 上仅使用 GTK 主题，但在网站上忽略

我有一个深色 GTK 主题，我不希望 Firefox 完全忽略它，我只希望该主题影响 Firefox 的 chrome（按钮、地址栏、书签栏等），但我希望网站忽略该主题，网站不应该由浏览器设置主题！这是一种罪过，它让一切看起来都很糟糕。如果有人知道如何修复它，那就太好了，谢谢！

编辑：在下图中，顶部面板显示，当应用“深色主题”时，在搜索框中输入的文本几乎不可见；当不应用深色主题时，下部面板显示文本清晰可见。

Google 搜索框中的文本

答案1

我希望我理解你的情况是正确的。似乎与高对比度主题 Firefox 问题并需要修改 gnome 3 浏览器主题。以下我的回答基本上就是我对这些问题的回答！

关闭（退出）所有 Firefox 实例。转到您的配置文件夹。它在这里：~/.mozilla/firefox/randomstring.default。在其中，查找名为的子文件夹chrome。
如果不存在，请创建它。
要创建该chrome文件夹，您可以使用文件管理器（或带有的命令行mkdir chrome）。
如果chrome存在，请查找名为的文件userContent.css。否则，在文件夹中创建一个以此名称命名的空文本文件chrome。现在userContent.css使用文本编辑器打开并粘贴或附加此代码：

INPUT, TEXTAREA {color: black !important; background: #aaaaaa !important; }

保存文件（纯文本）并关闭文本编辑器。重新启动 Firefox。现在您应该在浅灰色背景上看到黑色文本。您可以使用任何您喜欢的颜色组合。

注意：chrome和userContent.css区分大小写，拼写应正确。此处的设置将优先于操作系统主题中的设置，并且无论gtk您切换到哪个主题，Firefox 中的设置都将保持不变。

答案2

由于某种原因，我无法让接受的答案起作用，所以我写了一个小油脂猴脚本来实现同样的效果：https://gist.github.com/einarmagnus/d741e30ad13b051d7971

// ==UserScript==
// @name        bright forms
// @namespace   einar
// @description Make all form elements default to light style to combat gtk theme
// @include     *
// @version     1
// @grant       none
// ==/UserScript==
function addDefaultCssRules(rule) {
  var styleElement = document.createElement('style');
  styleElement.type = 'text/css';
  document.head.insertBefore(styleElement, document.head.firstChild);
  styleElement.sheet.insertRule(rule, 0);
}
addDefaultCssRules('input, button, textarea, select { background-color:#fff;border-radius:5px;color:#111 }');

这对我有用。

相关内容