![Firefox 57 在 Gnome 深色主题上显示带有深色文本的深色输入框/下拉菜单](https://linux22.com/image/897539/Firefox%2057%20%E5%9C%A8%20Gnome%20%E6%B7%B1%E8%89%B2%E4%B8%BB%E9%A2%98%E4%B8%8A%E6%98%BE%E7%A4%BA%E5%B8%A6%E6%9C%89%E6%B7%B1%E8%89%B2%E6%96%87%E6%9C%AC%E7%9A%84%E6%B7%B1%E8%89%B2%E8%BE%93%E5%85%A5%E6%A1%86%2F%E4%B8%8B%E6%8B%89%E8%8F%9C%E5%8D%95.png)
原始问题(仅关于输入框):
我在 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
这并不能修复按钮,因为我发现大多数网站上的按钮看起来都很好,而试图修复那些看起来不太好的按钮会把那些好看的按钮搞砸。