Firefox 57在Gnome深色主题上显示深色输入框/下拉菜单以及深色文字

原始问题（仅关于输入框）：

我在Ubuntu Gnome上使用了Arc-Dark主题，并且我知道这个问题也存在于较旧的Firefox版本中，但是可以使用此Fashionally脚本解决（此问题本身并不是一个很好的解决方案，因为它弄糟了Downloads按钮）。

现在该脚本不再起作用了，我正在考虑将其报告给Mozilla，但他们实际上并没有针对Firefox本身的GitHub存储库，仅适用于单独的组件，因此我真的不知道应该在哪里打开该脚本。问题。

有临时解决方案吗？谁知道如何正确地将问题报告给Mozilla或Gnome项目（不知道哪种方法更合适）？

编辑：

虽然您可以在答案中找到输入框的临时解决方法，但下拉菜单中似乎会出现相同的深色背景上的深色文本（尽管并非所有的文字都怪异，但可能与不同的HTML / CSS技术有关，创建它们），由于讨论不多，但是很可能两个问题联系在一起，因此我将其添加到此问题中。修复它的方法可能与下面提供的类似，只是在中有一个不同的条目userContent.css，但是如果有人在此处提供它，那就太好了。如果我有时间自己找出答案，我将自行编辑。

编辑2：

在某些网站上，甚至按钮都是黑色的。这是一个示例，要查看按钮，请选择左侧的“新程序”，然后将该示例程序粘贴到此处，然后在右下方的面板中查询该示例查询，然后单击“运行！”。

我发现最好的解决方案是在about：config中添加一个字符串值，widget.content.gtk-theme-override以覆盖GTK主题。您可以将相关主题与浅色文本框一起使用（显然，只有存在相关主题时，此主题才能保持一致）。例如，使用Arc-Dark将替代设置为具有灯光控件元素的Arc-Darker。

在这里可以找到解决方案：https : //www.mkammerer.de/blog/gtk-dark-theme-and-firefox/

-sss

更新：

我想我刚刚找到了解决方案。

在Firefox 46.0版之前，您可以通过启动主题来设置主题，如下所示：

> GTK2_RC_FILES=/usr/share/themes/Adwaita/gtk-2.0/gtkrc firefox

从46.0版开始，它需要GTK-3：

> GTK_THEME=Adwaita:light firefox

自57版以来，该功能不再有效。

因此，现在，对于版本57.0.4，我尝试了两者，并且效果很好：

> GTK2_RC_FILES=/usr/share/themes/Adwaita/gtk-2.0/gtkrc GTK_THEME=Adwaita:light firefox

您可能会使用同时针对GTK-2和GTK-3的任何其他主题。

然后，您可以删除或重命名chrome / userContent.css

有临时解决方案吗？谁知道如何正确地将问题报告给Mozilla或Gnome项目（不知道哪种方法更合适）？

恕我直言，他们非常了解这种行为，在找到解决方案之后，我认为这是您所需要的，因为您显然可以选择想要的主题。

原始答案：

实际上，最好不要使用！important关键字。

您的问题所产生的问题出现在站点上，这些站点没有专门设置后台响应的值。background-color css样式标签，以便Firefox插入默认值。

使用！important关键字，几乎所有站点的所有输入和文本区域都将具有相同的（背景）颜色。但是，您真正想要的是覆盖Firefox的默认（分别为回退）行为。

由于网站上的文字几乎永远不会是白色的，而是暗灰色的，因此只要将深色gtk主题的背景或背景颜色设置为更亮的值就足够了。但是，您已经可以设置文本颜色了。

因此，在chrome / userContent.css文件中的Firefox配置文件目录中，只需添加

input, textarea { color: #222; background: #eee; }

代替

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

如您所链接的答案中所述。

＃222和#eee颜色对我来说效果很好。但是，您可以根据自己的喜好更改它们。

希望对您有所帮助。

我找到了一个临时修复程序，但我希望有人能够设法使Mozilla和/或Gnome知道这一点，并考虑永久修复它。

就像答案中所说的那样做，但是white在CSS样式表中使用代替#aaaaaa，由于某种原因，后者在我的浏览器中显示为一些奇怪的灰色。

此处的答案https://askubuntu.com/a/8346/625256解释了如何仅针对Firefox禁用GTK主题设置，从而解决了深色背景上的深色文本问题。

快速而肮脏的修复：

cd $HOME/.mozilla/firefox/*.default
mkdir -p chrome && cd chrome
echo 'input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit']),
textarea,
select {
  background-color: white !important;
  color: black !important;
  -moz-appearance: none !important;
}' > userContent.css

• 重新启动Firefox

这不能解决按钮问题，因为我发现大多数网站上的按钮看起来都不错，并试图修复那些看起来不太好的按钮，将这些按钮搞砸了。