如何修复 Firefox 的深色主题问题

Question

自从更新到 Ubuntu 18.04 以来，我使用了深色主题“Adwaita-dark”，Firefox 中的几个输入字段都无法使用。背景和字体颜色是深色的，颜色相似。它不会设置替代主题，就像 Adwaita 的浅色主题一样，在本问答。我寻找一种解决方案，让所有应用程序都保留深色主题。

如何修复主题以使用输入字段，查看字符串以输入正确的内容？

Google Drive 中的以下屏幕截图应该可以说明“文档”图标右侧标题字段中的问题。

Answer 1

userContent.css我使用 Firefox 的自定义样式表修复了这些问题。在目录中保留一个名称为 的自定义样式~/.mozilla/firefox/<custom-key>.default/chrome/。您还应该添加目录chrome，重要信息小写。使用下面的 css 代码针对不同的输入字段修复它们。结果如下图所示。

如果你找不到你的文件夹，请阅读此样式表这个答案。

将以下源复制到自定义样式表文件userContent.css。

input {
  border: 2px inset white;
  background-color: white;
  color: black;
  -moz-appearance: none !important;
}

textarea {
  border: 2px inset white;
  background-color: white;
  color: black;
  -moz-appearance: none !important;
}

select {
  border: 2px inset white;
  background-color: white;
  color: black;
  -moz-appearance: none !important;
}

input[type="radio"],
input[type="checkbox"] {
  border: 2px inset white !important;
  background-color: white !important;
  color: ThreeDFace !important;
  -moz-appearance: none !important;
}

*|*::-moz-radio {
  background-color: white;
  -moz-appearance: none !important;
}

button,
input[type="reset"],
input[type="button"],
input[type="submit"] {
  border: 2px outset white;
  background-color: #eee;
  color: black;
  -moz-appearance: none !important;
}

body {
  background-color: white;
  color: black;
  display: block;
  margin: 8px;
  -moz-appearance: none !important;
}

如果您在单选按钮或复选框上遇到任何问题，添加此 CSS 文件后，只需删除 -moz-appearance: none !important