Всем доброго времени суток. Нашёл вот такую штуку:

#stop-reload-button {
    transform: translate(0.4em); /* Сдвигаем вправо кнопку "Обновить" */
}
#urlbar-container {
    margin-left: -2.9em; /* Расширяем адресную строку влево (под кнопку "Обновить") */
}
#identity-box {
    margin-left: 2.3em; /* Сдвигаем элементы адресной строки вправо (освобождая место для кнопки "Обновить") */
}

(в оригинале циферки были другие - подкрутил чтобы нравилось) - работает. Есть желание сделать тоже самое с поисковой строкой. Убрал из неё лупу и кнопку Go:

.searchbar-search-button /* "Лупа" */,
    .search-go-button /* "Вперёд" */ {
    display: none !important;
}

Могу сдвинуть левую границу в нужную сторону:

#searchbar {
    margin-left: -2.9em;
}

Могу сдвинуть нужную кнопку:

#_6905b838-e843-4ee3-9df0-b4c79673b21c_-browser-action {
    transform: translate(0.4em);
}

А вот как отодвинуть содержимое поискового поля вправо..? Должно быть как-то так, но не работает:

.searchbar-textbox {
    margin-left: 3.0em !important;
}

а зачем такое нужно, место всё равно столько же занимает, но дело ваше.
Вот так лучше сделать, сработает только когда кнопка обновить слева и рядом с адресной строкой

#nav-bar #stop-reload-button {
    position: relative !important;
}
#nav-bar #stop-reload-button + #urlbar-container {
    margin-inline-start: calc(-2 * var(--toolbarbutton-inner-padding) - var(--toolbarbutton-outer-padding) - 16px) !important;
}
#nav-bar #stop-reload-button + #urlbar-container #identity-box {
    padding-inline-start: calc(2 * var(--toolbarbutton-inner-padding) + var(--toolbarbutton-outer-padding) + 16px) !important;
}
#nav-bar #stop-reload-button + #urlbar-container #urlbar {
    -moz-appearance: none !important;
    margin-inline-start: 0 !important;
    padding-inline-start: 0 !important;
}

#find-button заменить на селектор вашей кнопки

toolbar #find-button {
    position: relative !important;
}
toolbar #find-button + #search-container {
    margin-inline-start: calc(-2 * var(--toolbarbutton-inner-padding) - var(--toolbarbutton-outer-padding) - 16px) !important;
}
toolbar #find-button + #search-container .searchbar-textbox > box:first-child {
    padding-inline-start: calc(2 * var(--toolbarbutton-inner-padding) + var(--toolbarbutton-outer-padding) + 16px) !important;
}
toolbar #find-button + #search-container .searchbar-textbox {
    -moz-appearance: none !important;
    margin-inline-start: 0 !important;
    padding-inline-start: 0 !important;
}
toolbar #find-button + #search-container .searchbar-textbox :-moz-any(.searchbar-search-button,.search-go-button) {
    display: none !important;
}

userContent.css

@-moz-document url("about:privatebrowsing") {
    html {
        --in-content-page-color: black !important;
        --in-content-text-color: black !important;
        --in-content-page-background: white !important;
    }
    a.button {
        background-color: #8000d7 !important;
        color: white !important;
    }
}

:root[privatebrowsingmode="temporary"] #tabbrowser-tabpanels {
    background-color: white !important;
}

Отредактировано Vitaliy V. (08-01-2019 22:49:51)

Ну, что нашёл - тому и рад Всё работает - спасибо огромное! Если вас не затруднит - покажите как можно уменьшить размер кнопки (не иконки внутри неё, а самой кнопки), желательно отдельно ширину и высоту.

Ну и раз уж я снова мучаю вас, хотелось бы перекрасить синюю полосу в верхней части активной вкладки - в акцентный цвет темы Windows (ну или просто в цвет окна)...

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

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

Vitaliy V., спасибо ещё раз, всё отлично работает!

Хотелось бы всё-же для индивидуального управления размерами кнопок (не обязательно, что это будут кнопки интегрируемые в строки)...

И (кстати) ещё вопрос про кнопки: меняю некоторым кнопкам иконки и к моему сожалению - если поставить собственную монохромную *.svg - firefox не понимает, что нужно покрасить её в тот-же цвет что и его родные кнопки на панелях (оставляя иконку чёрной). Меняю иконки вот так:

CSS-селектор
    {
    list-style-image: url("адрес_иконки.svg") !important;
    }

Видимо надо как-то подсказать фоксу что нужно покрасить иконку конкретной кнопки в цвет текущей темы..?

Acid Crash, спасибо за ответ,

а чем бы таким побесплатнее это сделать?

Vitaliy V., а ещё - можно выровнять  текст заголовка по левому краю с отступом в m пикселов и поменять шрифт на нужный?

А тем времинем, деманы-желаний напали на меня с удвоенной силой, теперь они требуют чтобы я попросил вас помочь внести ещё одну кнопку в строку поиска, между выпадающим меню и кнопкой "..."

Ну и для окончательного успокоения - дотянуть адресную строку до кнопки "назад" (как это у меня сейчас в 56)...

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

Отредактировано Neytrino (10-01-2019 17:34:52)

Спасибо большое (не подумал о таком варианте), всё получилось. Правда параметра fill-opacity в своих svg-шках я не нашёл. но с  fill="context-fill" - всё работает как надо...

Acid Crash, вот жеж хитрая редиска (этот firefox), вбил это свойство вручную - нблюдаю перфекционизм!
То-то я думаю кастомная иконка кнопки на панели вкладок - слишком белая, спасибо ещё раз!

Отредактировано Neytrino (10-01-2019 15:54:25)

Там всё зависит от того как расширение меняет что-либо в коде кнопки при том или ином состоянии (класс,стиль/имя/файл иконки итп).
Я чаще всего "цепляюсь" за изменение названия файла исходной иконки в зависимости от статуса.

Вот несколько примеров:

/* Cookie AutoDelete Icon colors */
#cookieautodelete_kennydo_com-browser-action .toolbarbutton-icon {
  list-style-image: url("./image/CustomIcon_CookieAutoDelete.svg") !important;
  transition: fill .2s !important;
}
#cookieautodelete_kennydo_com-browser-action[style*="icon_yellow_48.png"] .toolbarbutton-icon {
  fill: rgb(170, 100, 0) !important;
  fill-opacity: 0.8 !important;
}
#cookieautodelete_kennydo_com-browser-action[style*="icon_red_48.png"] .toolbarbutton-icon {
  fill: rgb(165, 5, 5) !important;
  fill-opacity: 0.8 !important;
}

/* Smart Proxy */
#smartproxy_salarcode_com-browser-action[style*="proxymode-disabled-48.png"], #smartproxy_salarcode_com-browser-action[style*="proxymode-disabled-32.png"] .toolbarbutton-icon {
  list-style-image: url("./image/CustomIcon_SmartProxyDisabled.svg") !important;
}
#smartproxy_salarcode_com-browser-action[style*="smartproxy-48.png"], #smartproxy_salarcode_com-browser-action[style*="smartproxy-32.png"] .toolbarbutton-icon {
  list-style-image: url("./image/CustomIcon_SmartProxyEnableSmart.svg") !important;
}
#smartproxy_salarcode_com-browser-action[style*="proxymode-always-48.png"], #smartproxy_salarcode_com-browser-action[style*="proxymode-always-32.png"] .toolbarbutton-icon {
  list-style-image: url("./image/CustomIcon_SmartProxyEnableAll.svg") !important;
}

Могу ошибаться, но вроде он это через общий opacity на кнопку (не трогая svg-шный fill-opacity) вешает

/* Toolbarbutton Inactive opacity change */
#nav-bar toolbarbutton[disabled=true] > .toolbarbutton-icon {
  opacity: .4 !important;
}

Вот тут похожее есть (в конце файла) Aris-t2 -CustomCSSforFx

Отредактировано Acid Crash (11-01-2019 13:33:23)

Нет, таким не интересовался.

#кнопка {
    --toolbarbutton-outer-padding: 1px !important;
    --toolbarbutton-inner-padding: 5px !important;
}

добавить к .Grid td > a > div:last-child {

text-align: left !important;
padding: 0 0.5em !important;
font-size: 15px !important;

ещё одни костыли делать не охота...

какой код кнопки, для Custom Buttons? я этим не занимаюсь.
У меня так

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

Отредактировано Vitaliy V. (12-01-2019 13:16:46)

rubel
это experiments https://github.com/VitaliyVstyle/Vitali … xperiments
для Firefox Developer Edition или Nightly
с настройками
xpinstall.signatures.required - false
extensions.legacy.enabled - true
или с конфиг. файлом можно в релизную или esr установить