Нужно изменить тему 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.)

Редактировать:
Я предоставляю некоторые ссылки, связанные с пользователями, которые хотят, чтобы 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, который, кажется, работает немного лучше.

Кстати, вы также можете использовать надстройку Stylish 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. Да, это известная ошибка.

Источник
Другие вопросы по тегам