☰

Firefox 57 在 Gnome 深色主题上显示带有深色文本的深色输入框/下拉菜单

tag-icon • tag-icon gnome firefox themes gtk
Firefox 57 在 Gnome 深色主题上显示带有深色文本的深色输入框/下拉菜单

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

我在 Ubuntu Gnome 上使用 Arc-Dark 主题，我知道这个问题在旧版本的 Firefox 上也存在，但可以使用以下方法修复这个时尚的脚本（这本身并不是一个很好的修复因为它搞砸了下载按钮）。

现在该脚本不再起作用了，我本来想将其报告给 Mozilla，但他们实际上并没有针对 Firefox 本身的 GitHub 存储库，只有针对单独组件的存储库，所以我真的不知道应该在哪里打开这个问题。

有临时解决办法吗？有谁知道如何正确解决吗？可以把问题报告给 Mozilla 或 Gnome 项目吗（不知道哪个更合适）？

编辑：

虽然在答案中你可以找到输入框的临时解决方法，但同样的深色文本在深色背景上的问题似乎也发生在下拉菜单中（但不是所有的下拉菜单都这样，这很奇怪，可能与创建它们的不同 HTML/CSS 技术有关），而且由于讨论不多，但这两个问题很可能有联系，所以我把它添加到这个问题中。修复它的方法可能与下面提供的方法类似，只是在 中输入了不同的内容userContent.css，但如果有人在这里提供它会更好。如果我有时间自己找出答案，我会编辑我自己的答案。

编辑2：

在一些网站上，甚至按钮看起来都是黑底黑字。以下是一个例子，查看按钮选择左侧的“新程序”，粘贴这个示例程序那里，此示例查询在右下角面板中，然后点击“运行！”。

答案1

我发现最好的解决方案是在 about:config 中添加一个字符串值来widget.content.gtk-theme-override覆盖 GTK 主题。您可以使用带有浅色文本框的相关主题（显然，这仅在存在所述相关主题的情况下才有效以保持一致性）。例如，使用 Arc-Dark 将覆盖设置为具有浅色小部件元素的 Arc-Darker。

解决方案如下：https://www.mkammerer.de/blog/gtk-dark-theme-and-firefox/

-- SS

答案2

更新：

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

在 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 项目吗（不知道哪个更合适）？

恕我直言，他们很清楚这种行为，在找到解决方案后，我认为这是理想的，因为您显然可以选择您想要的主题。


原始答案：

事实上，最好还是！重要的关键词出来了。

你的问题出现在没有专门设置值的网站上背景分别背景颜色css 样式标签，以便 Firefox 插入默认值。

随着！重要的关键字，几乎所有网站的所有输入和文本区域都会具有相同的 (背景) 颜色。但您实际上想要的是覆盖 Firefox 的默认 (或后备) 行为。

由于网站上的文字几乎从来都不是白色，而是深灰色，因此设置背景或者背景颜色为深色 gtk 主题设置更亮的值。但是，既然您已经这样做了，您也可以设置文本颜色。

因此在chrome/用户内容.css文件，在您的 Firefox 配置文件目录中只需添加

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

代替

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

正如在回答你链接到。

颜色#222和#eee对我来说确实很好用。不过，你可以根据自己的喜好进行更改。

我希望它有帮助。

答案3

我找到了一个临时的解决办法，但我希望有人能够让 Mozilla 和/或 Gnome 知道这个问题，并考虑彻底解决它。

只需这样做这个答案说，但white在CSS样式表中使用而不是#aaaaaa，由于某种原因，后者在我的浏览器上显示为一些奇怪的灰色。

答案4

快速而肮脏的修复：

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

这并不能修复按钮，因为我发现大多数网站上的按钮看起来都很好，而试图修复那些看起来不太好的按钮会把那些好看的按钮搞砸。

相关内容