Firefox 57 показує темні поля введення / випадаючі меню з темним текстом на темні теми Gnome

Оригінальне запитання (лише про поля введення):

Я використовую тему Arc-Dark для Ubuntu Gnome, і я знаю, що ця проблема існувала і на старих версіях Firefox, але її можна було виправити за допомогою цього стильного сценарію (що не було великим виправленням, оскільки він накрутив кнопку завантаження).

Тепер сценарій більше не працює, і я думав над тим, щоб повідомити про це Mozilla, але вони насправді не мають репортажу GitHub для самого Firefox, лише для окремих компонентів, тому я не знаю, де мені слід відкрити проблема.

Чи є тимчасове виправлення для цього? І може хтось, хто знає, як правильно це зробити, повідомив про проблему Mozilla або проекту Gnome (не знаю, що було б доцільніше)?

Редагувати:

Незважаючи на те, що у відповідях ви можете знайти тимчасове вирішення вхідних полів, той самий темний текст на темному тлі проблеми, здається, трапляється у випадаючих меню (однак, не всі вони, що дивно, можуть бути пов’язані з різними методами HTML / CSS, щоб створити їх), і оскільки це не багато обговорюється, але два питання, швидше за все, пов'язані, я додаю це питання до цього питання. Спосіб її виправлення, ймовірно, схожий на наведені нижче, лише з іншим записом userContent.css, але було б непогано, якби хтось надав це тут. Я відредагую свою власну відповідь, якщо встигну сам це з’ясувати.

Редагувати 2:

Схоже, навіть кнопки чорні на чорному на деяких веб-сайтах. Ось приклад , щоб побачити кнопки вибору "нова програма" зліва, вставити цю прикладну програму туди, а цей приклад запитуйте в нижній правій панелі, а потім натисніть "Запустити!".

Я знайшов найкращим рішенням було додати значення рядка в about: config для widget.content.gtk-theme-overrideзаміщення теми GTK. Ви можете використовувати пов’язану тему з легкими текстовими полями (очевидно, це працює лише на узгодженість, якщо вказана пов’язана тема існує). Наприклад, за допомогою Arc-Dark встановіть перевагу на Arc-Darker, у якій є легкі елементи віджета.

Кредит за рішення тут: https://www.mkammerer.de/blog/gtk-dark-theme-and-firefox/

- sss

Оновлення :

Я думаю, що я просто знайшов рішення.

Перед 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 (не знаю, що було б доцільніше)?

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

Оригінальний відповідь :

Насправді, краще залишити важливі ключові слова поза.

Проблема, пов’язана з вашим запитанням, виникає на сайтах, які не встановлюють конкретних значень для фонового відображення . теги стилю css фонового кольору, тому Firefox вставляє значення за замовчуванням.

З важливим ключовим словом ! Всі вхідні матеріали та текстові матеріали майже на всіх сайтах мали б такий самий колір (фон). Але те, що ви насправді хочете, - це перекрити поведінку Firefox за замовчуванням (відповідно.

Оскільки текст майже ніколи не буває білим, але темно-сіруватим на веб-сайтах, то для темних gtk-тем достатньо встановити колір тла або фону на деяке яскравіше значення. Але так як ви вже до цього можете, ви також можете встановити колір тексту .

Тож у файл chrome / userContent.css у каталог профілю Firefox просто додайте

input, textarea { color: #222; background: #eee; }

замість

INPUT, TEXTAREA {color: black !important; background: #aaaaaa !important; }

як зазначено у відповіді, з якою ви посилаєтесь.

Кольори №222 і #eee дуже добре працюють для мене. Однак ви можете змінити їх на свій смак.

Я сподіваюся, що це допомагає.

Я знайшов тимчасовий виправлення, але сподіваюся, що комусь вдасться донести до цього Mozilla та / або Gnome і подумати, щоб виправити це назавжди.

Виконайте так, як сказано у цій відповіді , але використовуйте whiteна таблиці стилів CSS замість цього #aaaaaa, чомусь останній відображається як дивний сірий колір у моєму браузері.

Відповідь тут https://askubuntu.com/a/8346/625256 пояснює, як відключити тематику GTK лише для Firefox і тим самим виправити темний текст на темному тлі.

Швидке та брудне виправлення:

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

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