主页 / ubuntu / 问题 / 1037517
Accepted
bueltge
Asked: 2018-05-18 10:23:19 +0800 CST

如何修复 Firefox 的深色主题问题 [重复]

  • 772

自 Ubuntu 18.04 更新以来，我使用深色主题“Adwaita-dark”，并且在 Firefox 中有几个输入字段不可用。背景颜色与字体颜色较深，颜色相近。它不会被设置一个替代主题，就像这个 q/a中提到的 Adwaita 的轻主题。我寻找一种解决方案，让所有应用程序都保持黑暗主题。

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

Google Drive 中的以下屏幕截图应说明左侧标题字段中的问题，就在“doc”图标的右侧。

在此处输入图像描述

gnome themes firefox

1 个回答

  1. Best Answer

    我使用 Firefox 的自定义样式表为我修复它们。userContent.css在目录中留下一个带有名称的自定义样式~/.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

    • 13

相关问题