Задача: создать свой собственный стиль без использования сторонних дополнений и тем, так как версии меняются очень быстро, и разработчики тем и дополнений не успевают, либо бросают поддержку своих продуктов.

Как разукрасить браузер я нашел: userChrome.css
Остался последний штрих: изменить стандартные иконки на кнопках «новая вкладка», «обновить», «печать» и т. д.

Где-то же они должны хранится. Или может где-то в настройках можно указать, где брать иконки для кнопок.

Кто знает, поделитесь, пожалуйста, знаниями.

Уроки стилеписания на CSS | Форум Mozilla Россия
Настройка внешнего вида Firefox в userChrome.css | Форум Mozilla Россия
Restyle the web with Stylish! - userstyles.org

Они в общем случае хранятся много где. Вот здесь, например: chrome://global/skin/icons/. Кнопки тулбара - вот здесь: chrome://browser/skin/Toolbar.png (все кнопки - в одном файле, по отдельно взятым кнопкам изображения распределяются с помощью -moz-image-region).

Спасибо за ссылки и подсказки.

Но там ни слова нет об иконках. Мне не нужен стиль, просто заменить стандартные иконки своими.

В указанном hydrolizer месте я нашел файл с иконками, но вот где он находится на жестком диске или где в настройках поменять к нему путь?

Вот, например, иконки на закладках можно поменять с помощью

toolbarbutton.bookmark-item {
list-style-image: url('the\path\to\yourimage.xxx') !important;

А можно ли также вставить команду для иконок панели инструментов?

Shumway , стиль может быть создан даже  для замены одной иконки - таких сколько угодно . Иконки те же элементы интерфейса , которые можно изменять как и прочие с помощью стилей .... в Stylish и правке через  userChrome.css используется практически один и тот же язык ( пусть меня поправят знающие   )

Поправляю: не практически, а один и тот же

Не в том направлении копаете. Заменить их путем замены файла, конечно, можно - нужно распаковать omni.jar, найти там файл с иконками, заменить по образу и подобию (см. выше про много иконок в одном файле), запаковать обратно. Но так никто не делает. Все правят UI через userChrome.css.

hydrolizer то есть можно копировать туда-сюда один к одному ? в смысле - без изменений, не добавляя какие-то сопроводительные значки ?

... а , ну да - я ж, когда Stylish в очередной раз отвалился ,просто  перенёс  стили в userChrome.css , правда не все заработали , потому и возникло предположение что следует учитывать некоторые нюансы

Крошка Ру
Stylish умеет применять стили динамически на рантайме. Стили из юзерхрома применяются один раз при старте браузера - если элемент, к которому они применяются, изменит свой вид  после старта, то стиля не будет видно. В этом всё отличие.

hydrolizer ага, теперь вроде бы понятно

hydrolizer

Врать не надо.))
У меня по ссылке в подписи уж лет 5 как написано как это легко меняется в коде и как кнопки всобачивать.

Я очень за вас рад. Вы патчите Seamonkey каждый раз при выходе обновления?
И да, совет отредактировать XUL-разметку очень подходит человеку, который только-только начал разбираться с userChrome.css.

Еще раз спасибо всем.

Кое-что стало получаться.
Получилось изменить иконку через изменение файла Toolbar.png, спрятанного в omni.jar. Для теста просто перекрасил иконки – сработало.

С userChrome.css также есть успехи. Почитав материалы, ссылки на которые вы дали, нашел таки как обратиться к конкретной кнопке через CSS:

toolbarbutton[id="print-button"] {
background-color: red !important;
}

toolbarbutton[id="print-button"]:hover {
background-color: yellow !important;
}

Для полной победы не хватает лишь маленького штриха. Есть ли параметр в CSS, который описывает, какую картинку использовать в качестве иконки?

Пробовал background-image – не работает.

Добавлено.

Разобрался, не работает, так как цвет фона непрозрачен.
Вот так работает:

toolbarbutton[id="print-button"]{
background-color: Transparent !important;
background-image: url("colosseum_small.png") !important;
background-repeat: no-repeat !important;
background-position: top !important;
}

Но проблема в том, что родная иконка все равно отображается поверх картинки, положенной на фон.

То есть осталось лишь отключить ее, но как?

list-style-image

Ура!
Спасибо, hydrolizer, огромное
А также спасибо господам imyax и vladmir за полезные ссылки.

Теперь все заработало, вот код:

toolbarbutton[id="print-button"]{
list-style-image: none !important;
background-color: Transparent !important;
background-image: url("colosseum_small.png") !important;
background-repeat: no-repeat !important;
background-position: top !important;
}

И маленький вопрос, чтобы закрыть эту тему.
Для чего в каждой строке нужно писать !important; и можно ли опустить этот параметр в моем примере?

вообще это делается вот так:

#print-button {
    list-style-image: url("path_to_my_image\my_image.png") !important;
    -moz-image-region: auto !important;
}

http://htmlbook.ru/css/!important

нет

Отлично.

Еще раз спасибо, вопрос полностью решен, и тему можно закрывать.

hydrolizer

Само-собой я меняю всё как мне удобно в каждой версии, которую ставлю.

Во-первых, копипастом там любой может справиться, было бы желание. Во-вторых, это стимул изучить некоторые вещи. А если чел знаком с html то с xul он разберётся махом. Ну на уровне, достаточном для таких простых действий.

Но у тебя заява была не про тех, кто "только-только", а абсолютно про всех, якобы "Но так никто не делает. Все правят UI через userChrome.cs", что не соответствует окружающей дейстительности.