Отключите системный стиль для входных элементов формы Firefox

Question 1

Я использую темную тему в Lubuntu по имени Dorian. Я довольно доволен им. Однако Firefox, кажется, наследовал определенные системные цвета для своих входных элементов формы, делая их очень трудными видеть.

Например:

Если я изменяю основной цвет, я должен также изменить цвет фона текстовых полей, который прекрасен теперь, но является светом-на-темном.

Я могу предположить решать это несколькими способами:

Добавьте лист пользовательского стиля, чтобы Firefox обратил изменения. (Я использую Стильный, таким образом, это тривиально для реализации. Однако CSS с элементами формы кажется хитрым.)
Модификации к Дорическому (я думаю, что можно настроить тему GTK для конкретных программ.)
Отключите дополнение Firefox Модификаций Firefox Ubuntu.
Найдите, что установка в Firefox предотвращает загрузку системных цветов для входных элементов.
Установите Тему Dorian для Firefox. (Я отказываюсь к этому, так как Dorian активно не обновляется, и Firefox постоянно.)

Конечно, я также приветствую другие решения, о которых я не думал.

Question 2

Основанные на CSS решения хитры для разбираний, по моему опыту. Тот в ответе Michael работал над некоторыми сайтами, но не всеми.

В Firefox 60 существует более легкое решение. Перейдите в about:config и установленный следующее строковое значение: widget.content.gtk-theme-override = Adwaita:light

(Необходимо щелкнуть правой кнопкой и выбрать Новый-> Строка. Поиск gtk-theme-override ничего не найдет, потому что установка не там по умолчанию.)

Кредит Martin Stránský: https://bugzilla.mozilla.org/show_bug.cgi? id=1283086#c7

Question 3

Question 4

Можно попробовать текстовый Контраст за Темное расширение Тем.

Кроме того, это более старое решение CSS все еще, кажется, работает, хотя это, вероятно, что Вы используете теперь.

Question 5

Я также использую темную тему (Adapta Nokto), и я также столкнулся с довольно многими веб-сайтами, которые изменяют цвет текста в исходных данных, но предполагают, что цвет фона будет белым (ведущий к абсолютно нечитабельному тексту).

Я исследовал опцию CSS и нашел это объяснение установки стилей пользователя по умолчанию без потребности в любых расширениях браузера. Сводка:

Вашему профилю Firefox будет нужен a userContent.css файл в правильном месте. Можно создать его как это:
- Каталоги изменения к Вашему профилю Firefox:
  cd ~/.mozilla/firefox/<your profile>/
- Сделайте "хромовый" каталог, если он не существует
  mkdir chrome
- Создайте файл CSS в этом новом каталоге
  touch chrome/userContent.css
Отредактируйте недавно созданный userContent.css файл для включения основывает стили, что Вы хотите обратиться ко всем страницам.
Firefox перезапуска для наблюдения изменений.

Для начала, я добавил это к своему файлу CSS:

input, textarea {
  background-color: #fff;
  color: #222;
}

Это принимает некоторое знакомство с CSS. Если это в новинку для Вас, это говорит:

Найдите весь из input и textarea элементы на странице
Сделайте фон белым (#fff шестнадцатеричное сокращение кода от белого),
Сделайте цвет текста темно-серым (#222)

Существует много других элементов, которые можно хотеть разработать, такой как button и select, и можно стать более конкретными с исходными данными, как input[type=checkbox].

Это точно не отключает использование Вашей системной темы, но это действительно, по крайней мере, позволяет Вам переопределять его и предоставлять веб-сайтам значения по умолчанию, которые ближе к тому, что они ожидают.

John Lindgren · Accepted Answer · 23 November 2019 в 03:15