Нужно изменить тему gnome 3 для браузера
Недавно я начал использовать тему DarkGreen для Gnome 3, однако на некоторых веб-страницах в FireFox есть некоторые проблемы, связанные с полями ввода текста. Это происходит в поле поиска в Google, в некоторых полях в Facebook и т. Д.
Эта тема использует темный фон и светлый цвет текста для полей ввода по умолчанию. Мне удалось изменить основной цвет входного текста успешно для тех полей, которые никогда не были затронуты (от почти белого до серого), но это не помогает для «разбитых» полей. Я также хочу изменить цвет фона для всех полей ввода на белый, но мне тоже не повезло.
В папке темы находится папка gtk с файлом css. Вот соответствующее содержание, комментарии - это то, что я изменил:
@define-color theme_base_color #202020;
@define-color theme_text_color #25DC00; /* #ffffff */
@define-color theme_bg_color #121212;
@define-color theme_fg_color @theme_text_color;
@define-color selected_bg_color #3E8753;
@define-color selected_fg_color #ffffff;
@define-color theme_selected_bg_color @selected_bg_color;
@define-color menu_bg_color #555555;
@define-color menu_fg_color @theme_text_color;
@define-color menu_combobox_border @theme_selected_bg_color;
@define-color menu_separator mix (@theme_bg_color, @menu_bg_color, 0.90);
@define-color insensitive_bg_color alpha(#0b0b0d, 0.0);
@define-color insensitive_fg_color alpha(#717171, 0.50);
@define-color insensitive_border_color alpha(#717171, 0.50);
@define-color entry_text_color /* #fafafa */ #707070;
@define-color entry_background_a #ffffff;
@define-color entry_background_b #ffffff;
@define-color entry_background_c #ffffff;
@define-color entry_background_d #ffffff; /* 121212 */
@define-color frame_color #707070;
Является ли этот файл CSS единственным, что мне нужно изменить?
3 ответа
Я предлагаю другой способ, специфичный для Firefox, для достижения того, чего вы хотите.
Закрыть (выйти) все экземпляры Firefox.
Перейдите в папку вашего профиля. Это здесь: /home/your_name/.mozilla/firefox/randomstring.default
Там, найдите подпапку под названием chrome. Если его не существует, создайте его.
Если chrome существует, найдите файл с именем userContent.css. В противном случае создайте пустой файл с таким именем в папке chrome.
Теперь откройте userContent.css в текстовом редакторе и вставьте следующий код:
INPUT, TEXTAREA {color: black !important; background: #aaaaaa !important; }
Сохраните файл (как обычный текст) и закройте текстовый редактор.
Перезапустите Firefox.
Теперь у вас должен быть черный текст на светло-сером фоне. Вы можете использовать любую цветовую комбинацию, какую пожелаете.
Примечания: chrome и userContent.css чувствительны к регистру и должны быть написаны правильно.
Настройки здесь будут иметь приоритет над настройками в теме ОС и останутся такими же в Firefox независимо от того, на какую тему gtk вы переключаетесь.
(Кстати, вас может заинтересовать расширение Stylish и целый ряд стилей, созданных пользователями и размещенных на userstyles.org.)
Редактировать:
[ 1121] Я предоставляю некоторые ссылки, касающиеся пользователей, желающих, чтобы Firefox не находился под влиянием темы ОС (gtk). Обратите внимание, что я не проверял, работают ли предложенные решения или нет . Эти ссылки служат для справки:
Как заставить Firefox полностью игнорировать мою тему GTK?
Ошибка 70315 - текст в меню и окнах не читается если используется темная тема GTK (для Seamonkey)
Есть ли способ запретить Firefox использовать собственные цвета ОС?
Я нашел следующее в ArchLinux Wiki , которое можно напрямую применить к этой проблеме здесь. Я нашел результат, который был лучше, чем предыдущий от пользователя 25656.
Подход тот же: вы создаете /home/<your_name>/.mozilla/firefox/<randomstring>.default/chrome/userConent.css со следующим содержанием:
input:not(.urlbar-input):not(.textbox-input):not(.form-control):not([type='checkbox']) {
-moz-appearance: none !important;
background-color: white;
color: black;
}
#downloads-indicator-counter {
color: white;
}
textarea {
-moz-appearance: none !important;
background-color: white;
color: black;
}
select {
-moz-appearance: none !important;
background-color: white;
color: black;
}
(я не могу комментировать из-за своей низкой репутации, поэтому это новый ответ .)
Я последовал предложению dd23, и он в основном работал, хотя только для половины испорченных элементов на затронутых страницах. Я нашел другой CSS, который, кажется, работает немного лучше.
Кстати, вы также можете использовать Стильное дополнение Firefox для применения этого CSS.
/*
* Use this css file to eliminate problems in Firefox
* when using dark themes that create dark on dark
* input boxes, selection menus and buttons. Put this
* in the ../firefox/default/chrome folder or your
* individual user firefox profile chrome folder.
*/
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: #eeeeee;
color: black;
-moz-appearance: none !important;
}
body {
background-color: white;
color: black;
display: block;
margin: 8px;
-moz-appearance: none !important;
}
Решение от PabloTwo на форумах Fedora . Это также упоминается в комментарии 15 к сообщению об ошибке Mozilla . Да, это известная ошибка.