Отключить системный стиль для элементов ввода формы Firefox
Я использую темную тему в Lubuntu по имени Дориан. Я вполне доволен этим. Тем не менее, Firefox, похоже, наследует определенные цвета системы для элементов ввода формы, что делает их очень трудными для просмотра.
Например:
Если я изменил цвет переднего плана, я также должен изменить цвет фона текстовых полей, что сейчас прекрасно, но светло-темное.
Я могу себе это решить несколькими способами:
Добавить пользовательскую таблицу стилей для Firefox, чтобы отменить изменения. (Я использую стильный, так что это тривиально реализовать. Однако CSS с элементами формы кажется сложным.) Модификации для Dorian (я думаю, вы можете настроить тему GTK для определенных программ.) Отключите Ubuntu-Firefox-модификацию Firefox-аддона. Найдите параметр в Firefox, чтобы предотвратить загрузку системных цветов для элементов ввода. Установите Dorian Theme для Firefox. (Я не желаю этого, так как Дориан не активно обновляется, а Firefox постоянно.)Конечно, я также приветствую другие решения, о которых я не думал.
6 ответов
Решения, основанные на CSS, сложно понять, по моему опыту. [1] В Firefox 60 существует более легкое решение. Перейдите к about:config и установите следующее строковое значение: widget.content.gtk-theme-override = Adwaita:light
(Вы должны щелкнуть правой кнопкой мыши и выбрать «Создать» -> «Строка». Поиск gtk-theme-override ничего не найдет потому что настройки по умолчанию не установлены.)
Кредит Мартину Странски: https://bugzilla.mozilla.org/show_bug.cgi?id=1283086#c7
Решения, основанные на CSS, сложно понять, по моему опыту. [1] В Firefox 60 существует более легкое решение. Перейдите к about:config и установите следующее строковое значение: widget.content.gtk-theme-override = Adwaita:light
(Вы должны щелкнуть правой кнопкой мыши и выбрать «Создать» -> «Строка». Поиск gtk-theme-override ничего не найдет потому что настройки по умолчанию не установлены.)
Кредит Мартину Странски: https://bugzilla.mozilla.org/show_bug.cgi?id=1283086#c7
Я также использую темную тему (Adapta Nokto), и я также столкнулся с довольно несколькими веб-сайтами, которые меняют цвет текста на входах, но предполагают, что цвет фона будет белым (что приведет к совершенно нечитаемому тексту).
Я изучил опцию CSS и нашел это объяснение настройки стилей пользователя по умолчанию без необходимости каких-либо расширений браузера. Резюме:
Вашему профилю Firefox потребуется файл userContent.css в нужном месте. Вы можете создать его так: сменить каталоги в свой профиль Firefox: cd ~/.mozilla/firefox/<your profile>/ Сделать каталог «chrome», если он не существует 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].
Это не совсем отключает использование вашей системной темы, но по крайней мере позволяет вам переопределить ее и предоставить веб-сайтам по умолчанию, которые ближе к ожидаемому.
]Вы можете попробовать расширение текстовой контрастности для темных тем.
Кроме того, этот более старый текстовый контраст для темных тем все еще работает, хотя это, вероятно, то, что вы используете Теперь.
Я также использую темную тему (Adapta Nokto), и я также столкнулся с довольно несколькими веб-сайтами, которые меняют цвет текста на входах, но предполагают, что цвет фона будет белым (что приведет к совершенно нечитаемому тексту).
Я изучил опцию CSS и нашел это объяснение настройки стилей пользователя по умолчанию без необходимости каких-либо расширений браузера. Резюме:
Вашему профилю Firefox потребуется файл userContent.css в нужном месте. Вы можете создать его так: сменить каталоги в свой профиль Firefox: cd ~/.mozilla/firefox/<your profile>/ Сделать каталог «chrome», если он не существует 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].
Это не совсем отключает использование вашей системной темы, но по крайней мере позволяет вам переопределить ее и предоставить веб-сайтам по умолчанию, которые ближе к ожидаемому.
]Вы можете попробовать расширение текстовой контрастности для темных тем.
Кроме того, этот более старый текстовый контраст для темных тем все еще работает, хотя это, вероятно, то, что вы используете Теперь.
-
1Второе звено («решение CSS») больше не работает. Не могли бы вы рассказать о решении CSS? Можно ли изменить таблицу стилей Firefox, таблицу пользовательских агентов, без использования расширений? – Michael Martin-Smucker 21 June 2018 в 20:11
-
2Извините, я не знаю. Я переключился на Chrome, потому что время от времени я искал стиль Firefox, особенно на темном рабочем столе. – Redsandro 24 June 2018 в 02:07