Вимкнути системний стиль для елементів введення форми Firefox

Я використовую темну тему в Lubuntu під назвою Доріан . Я цілком задоволений цим. Однак, здається, Firefox успадковує певні системні кольори для вхідних елементів форми, що робить їх дуже важкими.

Наприклад:

Якщо я зміню колір переднього плану, я також повинен змінити колір тла текстових полів, що зараз добре, але це світло-темно.

Я уявляю, як це вирішити кількома способами:

1. Додайте спеціальний аркуш стилів для Firefox, щоб змінити зміни. (Я використовую стильний , тому реально реалізувати. Однак CSS з елементами форми здається складним.)
2. Зміни Dorian (я думаю, ви можете налаштувати тему GTK для конкретних програм.)
3. Вимкніть модифікацію Firefox-модифікацій Ubuntu-Firefox .
4. Знайдіть налаштування в Firefox, щоб запобігти завантаженню системних кольорів для вхідних елементів.
5. Встановіть тему Доріана для Firefox . (Я до цього неохоче, оскільки Доріан не оновлюється активно, а Firefox постійно.)

Звичайно, я також вітаю інші рішення, про які я не думав.

На мій досвід, рішення на основі CSS є складними, щоб правильно. Той, що у відповіді Майкла працював на деяких сайтах, але не на всіх.

У Firefox 60 є більш просте рішення. Перейдіть до about:configта встановіть таке значення рядка: widget.content.gtk-theme-override=Adwaita:light

(Вам потрібно натиснути правою кнопкою миші та вибрати Створити -> Рядок. У пошуку gtk-theme-overrideнічого не знайдеться, оскільки налаштування за замовчуванням не існує.)

Кредит Мартіну Сранському: https://bugzilla.mozilla.org/show_bug.cgi?id=1283086#c7

Ви можете спробувати розширення Text Contrast для темних тем .

Крім того, це старе рішення CSS як і раніше працює, хоча це, мабуть, зараз ви використовуєте.

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

Я вивчив варіант CSS і знайшов це пояснення щодо налаштування стилів користувача за замовчуванням без необхідності будь-яких розширень браузера. Підсумок:

1. Ваш профіль Firefox потребує userContent.cssфайлу в потрібному місці. Ви можете створити його так:

   • Змінення каталогів у вашому профілі Firefox:
     cd ~/.mozilla/firefox/<your profile>/
   • Створіть каталог «chrome», якщо він не існує
     mkdir chrome
   • Створіть файл CSS у цьому новому каталозі
     touch chrome/userContent.css

2. Відредагуйте новостворений userContent.cssфайл, щоб він включав базові стилі, які потрібно застосувати до всіх сторінок.

3. Перезапустіть Firefox, щоб побачити зміни.

Для початку я додав це до свого CSS-файлу:

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

Це передбачає деяке знайомство з CSS. Якщо він для вас новий, це говорить:

• Знайдіть усі елементи inputта textareaелементи на сторінці
• Зробіть фон білим ( #fffце шістнадцятковий код скорочення для білого)
• Зробіть колір тексту темно-сірим ( #222)

Існує безліч інших елементів, які ви можете надати стилю, наприклад, buttonта select, і ви можете отримати більш конкретні дані зі своїми введеннями, наприклад input[type=checkbox].

Це точно не вимикає використання вашої системної теми, але принаймні дозволяє переосмислити її та надавати веб-сайтам за замовчуванням, ближчим до того, що вони очікують.