Использую вот этот супер-стиль, делающий менюшки соответствующими теме. Только иконка ножницы (Screenshot) из контекстного меню сайта не перекрасилась. Как бы сделать её белой?

скрытый текст

Как запретить значку "Вид для чтения" появляться в адресной строке?

скрытый текст

В about:config переключить параметр: reader.parse-on-load.enabled на false

kokoss
Мерси.
.
А В меню трёх точек в адресной строке иконка ножницы белая:

скрытый текст

linlin

menupopup menuitem[id$="create-screenshot"] > .menu-iconic-left > .menu-iconic-icon {
    -moz-context-properties: fill;
    fill: currentColor;
}

Взяла на всякий случай весь новый код целиком (убрав, конечно, старый). Сработало, спасибо.

В выпадающем списке закладок меню заголовка и звёздочки с панели инструментов под каждым списком содержимого папок стоит "Открыть всё во вкладках". Как эту кнопку (или что это?) удалить?
В инспекторе браузера попыталась найти название элемента, но оно не одно - для разных папок разные:
menuitem.openintabs-menuitem:nth-child(33)
menuitem.panel-subview-footer:nth-child(18)
.openintabs-menuitem
и т.д.
И запретить их вот этим {display: none !important;} не получается.
Что-то другое надо написать? Или это вообще в about:config отключается?

Тут нужно использовать класс .openintabs-menuitem, вы его нашли, должно везде скрыться. Не знаю почему не сработало. Не забывайте селекторы разделять запятыми.

Едва ли...

Потому что вот эту штуку -> .bookmarks-actions-menuseparator инспектор мне в "копировать/CSS-селектор" не выдал.
Зато выдал вот это -> #BMB_bookmarksShowAll. И я тут же состряпала свой первый рабочий код:

/* убрать Показать все закладки */
#BMB_bookmarksShowAll
{display: none !important;}

Так что ваши инструкции, и ваших коллег, знатоков этого дела, не пропали даром. Спасибо за помощь!

Должно и без этого сработать. Этим я убрал, ставший ненужным разделитель перед "Открыть всё во вкладках".

Отлично

Всегда рады помочь. Да я только по мелочи, скрыть чего, чужой код под себя чуть подрихтовать, если получится.

Когда окно программы не на весь экран развёрнуто, в адресной строке частенько виден только символ "три точки", а звёздочка исчезает:

скрытый текст

#pageActionButton
{display: none !important;}

#star-button
{visibility: visible;}

Может так:

#star-button-box {
  display: block !important;
  margin-bottom: -3px !important;
}

Да, именно так! Спасибо!

а можно всем значкам цвет поменять?

У кнопок "Другие инструменты" и "Показать больше закладок" один и тот же значок (стрелки), и расположены рядом, из-за чего частенько нажимаешь не на ту. Покрасила "Показать больше закладок" в один из цветов своей темы.

#PlacesChevron {
  fill: rgb(230, 113, 50) !important;
}

А как сделать другой цвет при наведении мыши и при нажатой кнопке?

linlin Обычно в таких случаях используются css-псевдоклассы. В данном случае применимы `:hover` — наведение и `:acitve` — активация.

#PlacesChevron:hover {
  fill: aqua !important;
}
#PlacesChevron:active {
  fill: pink !important;
}

FireForce
Спасибо! Получилось:

#PlacesChevron:hover, #PlacesChevron:active {
  fill: none !important;
  background: rgb(230, 113, 50) !important;
}

Надо же как просто!

В меню "трёх полосок" (#PanelUI-menu-button) есть иконки:
chrome://browser/skin/edit-cut.svg
chrome://browser/skin/edit-copy.svg
chrome://browser/skin/edit-paste.svg

Хочу вставить их в контекстное меню правой кнопки. Нашла несколько способов с устаревшим неработающим биндингом -moz-binding: url("chrome://global/content/bindings/menu.xml#menu-iconic") !important;
Какой способ сейчас рабочий?

Отсюда и далее обсуждалось несколько вариантов добавления иконок в конт. меню.

*|*:root {
    --v-menu-icons-margin-start: 5px; /* отступ слева для иконок, для Linux 0px */
}
menu::before, menuitem::before {
    width: 16px !important;
    height: 16px !important;
    display: -moz-box !important;
    margin-inline-start: var(--v-menu-icons-margin-start) !important;
    margin-inline-end: calc(-1 * (var(--v-menu-icons-margin-start) + 16px)) !important;
    position: relative !important;
    background-color: transparent !important;
    background-position: center !important;
    background-size: 16px !important;
    background-repeat: no-repeat !important;
}
/* ************************************************ */

menuitem[label="Вырезать"]::before {
    content: "" !important;
    background-image: url("chrome://browser/skin/edit-cut.svg") !important;
}
menuitem[label="Копировать"]::before {
    content: "" !important;
    background-image: url("chrome://browser/skin/edit-copy.svg") !important;
}
menuitem[label="Вставить"]::before {
    content: "" !important;
    background-image: url("chrome://browser/skin/edit-paste.svg") !important;
}

скрытый текст

sandro79
У меня вот так получается:

скрытый текст

menuitem[label="Вырезать"]::before,
menuitem[label="Копировать"]::before,
menuitem[label="Вставить"]::before {
    filter: invert(1) !important;
}

А подвинуть их влево не удаётся - вместо них их названия сдвигаются вправо.
Может, как-то надо было приписать их к class="menu-iconic-left"? Потому что остальные иконки конт. меню к нему приписаны.
А этот код совсем не понимаю, как использовать.

Возможно с ним получается конфликт. Я на дефолте проверял.

Этот вариант я не осилил, не знаю как сделать, чтоб "не вешать на каждом пункте псевдоэлемент ::before"

С моим стилем не нужен отступ в 5px
--v-menu-icons-margin-start: 0px;

или можно вместо filter: invert(1) !important;
-moz-context-properties: fill;
fill: currentColor;

код из поста №18 это и есть, разница только в сокращенной записи в моем коде background свойства.

Понятно. Ну да, если в тот код добавить:

menuitem[label="Вырезать"]::before {
    content: "" !important;
    background-image: url("chrome://browser/skin/edit-cut.svg") !important;
}
menuitem[label="Копировать"]::before {
    content: "" !important;
    background-image: url("chrome://browser/skin/edit-copy.svg") !important;
}
menuitem[label="Вставить"]::before {
    content: "" !important;
    background-image: url("chrome://browser/skin/edit-paste.svg") !important;
}

Обсуждение я не очень внимательно изучил, и особенно тут.

Ой, точно! Как я умудрилась эту строчку проглядеть?
Там ведь даже "/*отступ слева для иконок*/" написано.

Не можно, а нужно! Потому что иначе рядом с неактивным пунктом меню иконка остаётся яркой, как рядом с активным.
В общем, всё отлично. Спасибо всем за помощь!

скрытый текст

Хочу заменить для Библиотеки-вкладки общий безликий значок закладки на звезду. Вот этим кодом удалось сделать это для горизонтальной панели и выпадающего списка закладок:

.bookmark-item[label="Библиотека"] image {
  width:0!important;
  height:0!important;
  padding: 0 0 16px 16px !important;
  background:url("chrome://browser/skin/bookmark.svg") !important;
  -moz-context-properties: fill;
      fill: currentColor;
      opacity: 0.8
}
/*Скрыть название закладки*/
.bookmark-item[label="Библиотека"] > .toolbarbutton-text {
	display: none !important;
}

А в боковой панели и в Библиотеке так и остался тот безликий значок. Там его можно заменить?