Настройка внешнего вида Firefox в userChrome.css

jursha · №4301

Vitaliy V.

Полагаете этого достаточно?
linux, граф. оболочка, тема gtk, какие?
кнопок нет совсем не работают, или только не отображаются но работают?
у меня кстати кнопки есть, если отключить заголовок, debian + mate + adapta-gtk-theme

Извиняюсь за непоную информацию, не ожидал здесь, что важно.

Я полагал, что можно кодом (подобно тем который местами меняет поиск, меню и вкладки) перенести меню в заголовок.
Кнопки есть, работают, только невидимые. Я предполагал, что возможно кнопок невидно из-за темы, но надеялся обойтись вышеописанным способом.
Вот вариант с вашим стилем:

Раз у Вас тоже Debian, то Вы наверняка в курсе, что графические темы в нем, такая же больная тема (извиняюсь за тавтологию) как и новый дизайн firefox с новыми обновлениями.
Если нет возможности с кодом, может можно раскрасить обрезанный заголовок под нынешний вариант?

Vitaliy V. · №4302

jursha пишет

Я полагал, что можно кодом (подобно тем который местами меняет поиск, меню и вкладки) перенести меню в заголовок.

Когда включен заголовок его отрисовкой занимается оконный менеджер, стилем на него повлиять невозможно.

jursha пишет

Раз у Вас тоже Debian, то Вы наверняка в курсе, что графические темы в нем, такая же больная тема

Ну если те что по умолчанию использовать... у меня на Debian sid с adapta-gtk-theme пока что всё норм.

jursha пишет

Если нет возможности с кодом, может можно раскрасить обрезанный заголовок под нынешний вариант?

Вроде у вас другая тема для оконного менеджера, BlueMenta выглядит иначе, лучше использовать одинаковые темы т. к. FF не будет использовать разные темы
Насчет кода думаю лучше править конкретную тему, для BlueMenta файл /usr/share/themes/BlueMenta/gtk-3.0/window-controls.css
если изменить вот так то кнопки появятся

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

/*left & right not set for ssd by metacity,mutter, g-s, include this case*/
headerbar button.minimize.titlebutton,
headerbar button.maximize.titlebutton,
headerbar button.close.titlebutton,
headerbar button.minimize.titlebutton:backdrop,
headerbar button.maximize.titlebutton:backdrop,
headerbar button.close.titlebutton:backdrop,

headerbar .right button.minimize.titlebutton,
headerbar .right:dir(rtl) button.minimize.titlebutton,
headerbar .left button.minimize.titlebutton,
headerbar .left:dir(rtl) button.minimize.titlebutton,
headerbar .right button.maximize.titlebutton,
headerbar .right:dir(rtl) button.maximize.titlebutton,
headerbar .left button.maximize.titlebutton,
headerbar .left:dir(rtl) button.maximize.titlebutton,
headerbar .right button.close.titlebutton,
headerbar .right:dir(rtl) button.close.titlebutton,
headerbar .left button.close.titlebutton,
headerbar .left:dir(rtl) button.close.titlebutton {
color: transparent;
background-position: center;
background-repeat: no-repeat;
background-size: 19px 19px;
}

/* Set correct layout with
gsettings set org.gnome.settings-daemon.plugins.xsettings overrides "{'Gtk/DecorationLayout': <':minimize,maximize,close'>}" for
buttons on the right or
gsettings set org.gnome.settings-daemon.plugins.xsettings overrides "{'Gtk/DecorationLayout': <'close,maximize,minimize:'>}"
for buttons on the left */

/* minimize */
headerbar button.minimize.titlebutton,
headerbar .right button.minimize.titlebutton:backdrop,
headerbar .right:dir(rtl) button.minimize.titlebutton:backdrop,
headerbar .left button.minimize.titlebutton:backdrop,
headerbar .left:dir(rtl) button.minimize.titlebutton:backdrop,
headerbar .right button.minimize.titlebutton,
headerbar .right:dir(rtl) button.minimize.titlebutton,
headerbar .left button.minimize.titlebutton,
headerbar .left:dir(rtl) button.minimize.titlebutton {
background-image: url('window-controls/minimize_focused_normal.png');
}

headerbar button.minimize.titlebutton:hover,
headerbar .right button.minimize.titlebutton:backdrop:hover,
headerbar .right:dir(rtl) button.minimize.titlebutton:backdrop:hover,
headerbar .left button.minimize.titlebutton:backdrop:hover,
headerbar .left:dir(rtl) button.minimize.titlebutton:backdrop:hover,
headerbar .right button.minimize.titlebutton:hover,
headerbar .right:dir(rtl) button.minimize.titlebutton:hover,
headerbar .left button.minimize.titlebutton:hover,
headerbar .left:dir(rtl) button.minimize.titlebutton:hover {
background-image: url('window-controls/minimize_focused_prelight.png');
}

headerbar button.minimize.titlebutton:active,
headerbar .right button.minimize.titlebutton:active,
headerbar .right:dir(rtl) button.minimize.titlebutton:active,
headerbar .left button.minimize.titlebutton:active,
headerbar .left:dir(rtl) button.minimize.titlebutton:active,
headerbar .right button.minimize.titlebutton:checked,
headerbar .right:dir(rtl) button.minimize.titlebutton:checked,
headerbar .left button.minimize.titlebutton:checked,
headerbar .left:dir(rtl) button.minimize.titlebutton:checked {
background-image: url('window-controls/minimize_focused_pressed.png');
}

/*
headerbar button.minimize.titlebutton:backdrop,
headerbar .right button.minimize.titlebutton:backdrop,
headerbar .right:dir(rtl) button.minimize.titlebutton:backdrop,
headerbar .left button.minimize.titlebutton:backdrop,
headerbar .left:dir(rtl) button.minimize.titlebutton:backdrop {
background-image: url('window-controls/minimize_unfocused.png');
}
headerbar button.minimize.titlebutton:backdrop:hover,
headerbar .right button.minimize.titlebutton:backdrop:hover,
headerbar .right:dir(rtl) button.minimize.titlebutton:backdrop:hover,
headerbar .left button.minimize.titlebutton:backdrop:hover,
headerbar .left:dir(rtl) button.minimize.titlebutton:backdrop:hover {
background-image: url('window-controls/minimize_unfocused_prelight.png');
}
*/

/* maximize */
headerbar button.maximize.titlebutton,
headerbar .right button.maximize.titlebutton:backdrop,
headerbar .right:dir(rtl) button.maximize.titlebutton:backdrop,
headerbar .left button.maximize.titlebutton:backdrop,
headerbar .left:dir(rtl) button.maximize.titlebutton:backdrop,
headerbar .right button.maximize.titlebutton,
headerbar .right:dir(rtl) button.maximize.titlebutton,
headerbar .left button.maximize.titlebutton,
headerbar .left:dir(rtl) button.maximize.titlebutton {
background-image: url('window-controls/maximize_focused_normal.png');
}

headerbar button.maximize.titlebutton:hover,
headerbar .right button.maximize.titlebutton:backdrop:hover,
headerbar .right:dir(rtl) button.maximize.titlebutton:backdrop:hover,
headerbar .left button.maximize.titlebutton:backdrop:hover,
headerbar .left:dir(rtl) button.maximize.titlebutton:backdrop:hover,
headerbar .right button.maximize.titlebutton:hover,
headerbar .right:dir(rtl) button.maximize.titlebutton:hover,
headerbar .left button.maximize.titlebutton:hover,
headerbar .left:dir(rtl) button.maximize.titlebutton:hover {
background-image: url('window-controls/maximize_focused_prelight.png');
}

headerbar button.maximize.titlebutton:active,
headerbar .right button.maximize.titlebutton:active,
headerbar .right:dir(rtl) button.maximize.titlebutton:active,
headerbar .left button.maximize.titlebutton:active,
headerbar .left:dir(rtl) button.maximize.titlebutton:active,
headerbar .right button.maximize.titlebutton:checked,
headerbar .right:dir(rtl) button.maximize.titlebutton:checked,
headerbar .left button.maximize.titlebutton:checked,
headerbar .left:dir(rtl) button.maximize.titlebutton:checked {
background-image: url('window-controls/maximize_focused_pressed.png');
}

/*
headerbar button.maximize.titlebutton:backdrop,
headerbar .right button.maximize.titlebutton:backdrop,
headerbar .right:dir(rtl) button.maximize.titlebutton:backdrop,
headerbar .left button.maximize.titlebutton:backdrop,
headerbar .left:dir(rtl) button.maximize.titlebutton:backdrop {
background-image: url('window-controls/maximize_unfocused.png');
}

headerbar button.maximize.titlebutton:backdrop:hover,
headerbar .right button.maximize.titlebutton:backdrop:hover,
headerbar .right:dir(rtl) button.maximize.titlebutton:backdrop:hover,
headerbar .left button.maximize.titlebutton:backdrop:hover,
headerbar .left:dir(rtl) button.maximize.titlebutton:backdrop:hover {
background-image: url('window-controls/maximize_unfocused_prelight.png');
}
*/

/* close */
headerbar button.close.titlebutton,
headerbar .right button.close.titlebutton:backdrop,
headerbar .right:dir(rtl) button.close.titlebutton:backdrop,
headerbar .left button.close.titlebutton:backdrop,
headerbar .left:dir(rtl) button.close.titlebutton:backdrop,
headerbar .right button.close.titlebutton,
headerbar .right:dir(rtl) button.close.titlebutton,
headerbar .left button.close.titlebutton,
headerbar .left:dir(rtl) button.close.titlebutton {
background-image: url('window-controls/close_focused_normal.png');
/*padding: 2px 6px 3px 3px;*/ /* FIXME: Uncomment this shit when using the Faenza icon theme and maybe some other icon themes */
}

headerbar button.close.titlebutton:hover,
headerbar .right button.close.titlebutton:backdrop:hover,
headerbar .right:dir(rtl) button.close.titlebutton:backdrop:hover,
headerbar .left button.close.titlebutton:backdrop:hover,
headerbar .left:dir(rtl) button.close.titlebutton:backdrop:hover,
headerbar .right button.close.titlebutton:hover,
headerbar .right:dir(rtl) button.close.titlebutton:hover,
headerbar .left button.close.titlebutton:hover,
headerbar .left:dir(rtl) button.close.titlebutton:hover {
background-image: url('window-controls/close_focused_prelight.png');
}

headerbar button.close.titlebutton:active,
headerbar .right button.close.titlebutton:active,
headerbar .right:dir(rtl) button.close.titlebutton:active,
headerbar .left button.close.titlebutton:active,
headerbar .left:dir(rtl) button.close.titlebutton:active,
headerbar .right button.close.titlebutton:checked,
headerbar .right:dir(rtl) button.close.titlebutton:checked,
headerbar .left button.close.titlebutton:checked,
headerbar .left:dir(rtl) button.close.titlebutton:checked {
background-image: url('window-controls/close_focused_pressed.png');
}

/*
headerbar button.close.titlebutton:backdrop:hover,
headerbar .right button.close.titlebutton:backdrop,
headerbar .right:dir(rtl) button.close.titlebutton:backdrop,
headerbar .left button.close.titlebutton:backdrop,
headerbar .left:dir(rtl) button.close.titlebutton:backdrop {
background-image: url('window-controls/close_unfocused.png');
}

headerbar .right button.close.titlebutton:backdrop:hover,
headerbar .right:dir(rtl) button.close.titlebutton:backdrop:hover,
headerbar .left button.close.titlebutton:backdrop:hover,
headerbar .left:dir(rtl) button.close.titlebutton:backdrop:hover {
background-image: url('window-controls/close_unfocused_prelight.png');
}
*/

.titlebar button.close.titlebutton image {
/* fake request to avoid usage of regular window-close button*/
-gtk-icon-style: requested;
}

/* Menu button when fallback kicks in (XFCE, Cinnamon etc.) */
/*
headerbar .button.popup.titlebutton {
background-image: url('window-controls/menu.png');
}

headerbar .button.popup.titlebutton:hover {
background-image: url('window-controls/menu_prelight.png');
}

headerbar .button.popup.titlebutton:active {
background-image: url('window-controls/menu.png');
}
*/

/* gtk+-3.20 */
headerbar button.close.titlebutton,
headerbar button.minimize.titlebutton,
headerbar button.maximize.titlebutton {
border-width: 0px;
border-image: none;
background-color: transparent;
}

headerbar button.close.titlebutton image,
headerbar button.minimize.titlebutton image,
headerbar button.maximize.titlebutton image {
color: transparent;
}

Выделено то что добавлено, вот примерно так можно исправить и другие темы

Отредактировано Vitaliy V. (31-05-2018 11:45:01)

jursha · №4303

Благодарю за помощь.

Когда включен заголовок его отрисовкой занимается оконный менеджер, стилем на него повлиять невозможно.

Понял. Или сидеть с нормальным заголоввком или бодаться с темами оформления.

у меня на Debian sid с adapta-gtk-theme пока что всё норм.

Поделитесь пакетом? С https://www.gnome-look.org/p/1190851/ скачал deb пакет, но полноценно не встал, при выборе темы Adapta пишет:эта тема не будет выглядеть так как задумано потому что gtk+ Adapta не установлена.

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

Верно, забыл. Рамки окон были от Mint-Y-Dark. Когда с debian 8 переходил на debian 9 пришлось повозиться с темами, что бы более менее сохранить внешний вид
настроенной jessy так как темы от 8 в 9 нормально напрочь отказовались работать.
За правку темы спасибо, но подобрал среднее из Adapta. Последний раз когда правил тему проблемы пошли по нарастающей от потери рамки выделения, до кривого меню.

Vitaliy V. · №4304

jursha пишет

Поделитесь пакетом? С https://www.gnome-look.org/p/1190851/ скачал deb пакет, но полноценно не встал

Нужно установить оригинальную тему https://github.com/adapta-project/adapta-gtk-theme
если не хотите собирать пакет можно скачать с PPA: https://launchpad.net/~tista/+archive/ubuntu/adapta

P.S. кстати я использую adapta-gtk-theme вместе с темой значков papirus-icon-theme
можете попробовать она есть в репозиториях testing и unstable
вот так всё это выглядит у меня Скриншот

Отредактировано Vitaliy V. (01-06-2018 12:50:55)

sandro79 · №4305

Vitaliy V. Виталий, приветствую. А Вы не могли бы сделать прозрачность выпадающему списку панели поиска, как в этом сообщении сделали для адресной строки. Данный код работает и по сей день, даже в 62 nightly. Буду признателен. Спасибо.

Скриншот того что получилось, добавлено лого firefox, разделители и подсветка aero при наведении курсора

leshiy_odessa · №4306

Vitaliy V. пишет

настраивать в файле openwith.xml

А можно сделать по аналогии с «Открыть страницу в IE» такой же пункт, но для скачки видео с YouTube с помощью youtube-dl ➜ youtube-dl -f bestvideo+bestaudio %OpenURI.
Само собою, чтобы оно работало не на всех страницах, а только на youtube.com или по правой кнопке на URL встроенного видео.

Я подымал такой вопрос в теме по GreaseMonkey, но отклика не получил.

Отредактировано leshiy_odessa (02-06-2018 14:08:44)

Wave · №4307

Vitaliy V. пишет

ez7pac
только для Windows и Linux,
macOS не имею...
скачать
настраивать в файле openwith.xml
скрытый текст
var attrimage = true; // true или false Добавить иконки (атрибут "image") или нет
// ["ID пункта", "имя приложения", "путь к приложению", "аргументы", "иконка (для ОС Windows необязательно)"],
var arrayWindows = [ // для ОС Windows
["iexplore", "IE", "C:\\Program Files\\Internet Explorer\\iexplore.exe", "%OpenURI"],
["edge", "Microsoft Edge", "C:\\Windows\\explorer.exe", "microsoft-edge:%OpenURI", "moz-icon://file://C:\\Windows\\SystemApps\\Microsoft.MicrosoftEdge_8wekyb3d8bbwe\\MicrosoftEdge.exe?size=16"],
["palemoon", "Pale Moon", "C:\\Program Files\\Pale Moon\\palemoon.exe", "-P,default,-new-tab,%OpenURI"],
];
var arrayLinux = [ // для ОС Linux
["palemoon", "Pale Moon", "/usr/bin/palemoon", "-P,default,-new-tab,%OpenURI", "file:///usr/lib/palemoon/browser/chrome/icons/default/default16.png"],
];

Прикольно! Не подозревал, что с css даже такое можно вытворять.

Два вопроса:

В 52 этот пакет вызывает дублирование контестного меню. Имею при клике на ссылку «открыть ссылку в новой вкладке, в новом окне, etc», потом «открыть в IE, Edge, PaleMoon», потом снова «открыть в IE, Edge, PaleMoon», потом остальное меню. Чё это может быть?

В 60 использую CustomCSSforFx и при попытке добавить этот пакет в my_userChrome.css (раскомментировав импорт оного) — не работает. Как совместить?

P.s. В 60 без CustomCSSforFx тоже меню дублируется.
P.p.s. W7

Vitaliy V. · №4308

sandro79
Это для выпадающего списка адресной и поисковой строки

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

Выделить код

Код:

panel[type="autocomplete-richlistbox"]  {
    --arrowpanel-dimmed: rgba(255,255,255,0.1) !important;
    --arrowpanel-dimmed-further: rgba(0,72,217,0.8) !important;
    --arrowpanel-dimmed-even-further: transparent !important;
    --panel-separator-color: rgba(255,255,255,0.4) !important;
    --arrowpanel-border-color: rgba(255,255,255,0.4) !important;
    --arrowpanel-background: rgba(11,11,12,0.7) !important;
    --autocomplete-popup-background: rgba(11,11,12,0.7) !important;
    --autocomplete-popup-color: rgb(244,244,245) !important;
    --arrowpanel-color: rgb(244,244,245) !important;
    --urlbar-popup-url-color: LightSkyBlue !important;
    --urlbar-popup-action-color: Aquamarine !important;
}

panel[type="autocomplete-richlistbox"] :-moz-any(.search-panel-header,.searchbar-engine-one-off-item) {
    color: var(--autocomplete-popup-color) !important;
}

leshiy_odessa
Если качалка (или её плагины) поддерживают закачку со ссылки на страницу (не видео) то добавляйте, что мешает.
У меня IDA, но и всякие DM, IDM такое должны поддерживать.

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

Также можно добавить плеер для просмотра, PotPlayer, VLC и т. п.

Wave
потом гляну как в 52 работает

Wave · №4309

Vitaliy V., в постскриптуме написал, что начистую без CustomCSSforFx в 60 этот пакет тоже даёт дублированное меню «открыть в». Хотя, может, виноват какой-нибудь из аддонов, который у меня в обоих браузерах есть. Tree Style Tab или какой из подобных. Лень выяснять. Интересней узнать, как всё-таки совместить с CustomCSSforFx.

А вообще, можно поставить аддон Open With и не париться. Не думаю, что аддон даст больше нагрузку на браузер, чем такой трюк.
Млин! Будь проклят этот хренов квантум! Для такого простого аддона теперь нужно питон ставить!

Отредактировано Wave (02-06-2018 22:07:52)

sandro79 · №4310

Vitaliy V. пишет

Это для выпадающего списка адресной и поисковой строки

Два в одном - великолепно! Огромная Вам Благодарность за помощь :beer:

Под спойлером фотоотчёт.

ez7pac · №4311

Wave пишет

В 52 этот пакет вызывает дублирование контестного меню. Имею при клике на ссылку «открыть ссылку в новой вкладке, в новом окне, etc», потом «открыть в IE, Edge, PaleMoon», потом снова «открыть в IE, Edge, PaleMoon», потом остальное меню. Чё это может быть?

В 52 Menu Wizard отлично работает. Вот тут расписано как прописать в меню "Открыть в IE"

Wave · №4312

Ещё лучше в 52 работает «Open With» 6.8.6.
А с 60 (esr, если чо) для «Open With» нужен питон в системе. «S3 Menu Wizard» не работает, не ставится. Этот трюк — я опробовал совсем пустой профиль — даёт дублирование меню.

sandro79 · №4313

Wave пишет

В 60 использую CustomCSSforFx и при попытке добавить этот пакет в my_userChrome.css (раскомментировав импорт оного) — не работает. Как совместить?
P.s. В 60 без CustomCSSforFx тоже меню дублируется.

Работает в CustomCSSforFx через my_userChrome.css. Насчёт дублирования - не заметил, только открыть страницу и открыть ссылку в конт. меню. Можете глянуть как я подключил данный инструмент в CustomCSSforFx - скачать архив.

Скрин конт. меню

Vitaliy V. · №4314

Wave
Не, не смог воспроизвести у меня не дублирует, да и не должно быть такого. Профиль точно чистый, прям только созданный, и других стилей нет?

Отредактировано Vitaliy V. (03-06-2018 00:15:00)

Wave · №4315

Vitaliy V. пишет

Профиль точно чистый, прям только созданный, и других стилей нет?

D:\TOOLS\inet\Firefox-quantum\firefox.exe -no-remote -profile D:\TOOLS\inet\MozillaProfiles\Firefox-quantum

В D:\TOOLS\inet\MozillaProfiles\Firefox-quantum только папка chrome, в которую распаковал только openwith.zip

"Результат вот"

Отредактировано Wave (03-06-2018 00:43:17)

Vitaliy V. · №4316

Wave
Ну и чего там дублируется? Открыть страницу и открыть ссылку разницу видите?

Wave · №4317

Упс. Я слепой. Только после ваших слов увидел разницу. А можно тогда подменю организовать, что ли? раздражает восемь-десяток-дюжина пунктов меню на открытие страницы и ссылки при том, что всех остальных пунктов как бы не меньше. Или хотя бы когда кликаешь по ссылке, не было пунктов с открытием страницы.

P.s. Я себе разделю на два цикла. Мне не нужно открытие страницы в wget, dm, pot и не очень нужно открытие ссылки в разных браузерах. В общем, подумаю, как лучше.

Отредактировано Wave (03-06-2018 00:59:52)

Vitaliy V. · №4318

Wave
Подменю нет, лень да и не удобно кликать, для скрытия пунктов когда кликаешь по ссылке можно такой стиль применить

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

Выделить код

Код:

#contentAreaContextMenu #context-openlinkintab:not([hidden="true"]) ~ menuitem[id^="open-current-page-with-"] {
    display: none !important;
}

Отредактировано Vitaliy V. (03-06-2018 01:06:04)

Wave · №4319

Спасибо! Подойдёт.

Viatcheslav · №4320

Vitaliy V. пишет

Это для выпадающего списка адресной и поисковой строки

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

Выделить код

Код:

panel[type="autocomplete-richlistbox"]  {
    --arrowpanel-dimmed: rgba(255,255,255,0.1) !important;
    --arrowpanel-dimmed-further: rgba(0,72,217,0.8) !important;
    --arrowpanel-dimmed-even-further: transparent !important;
    --panel-separator-color: rgba(255,255,255,0.4) !important;
    --arrowpanel-border-color: rgba(255,255,255,0.4) !important;
    --arrowpanel-background: rgba(11,11,12,0.7) !important;
    --autocomplete-popup-background: rgba(11,11,12,0.7) !important;
    --autocomplete-popup-color: rgb(244,244,245) !important;
    --arrowpanel-color: rgb(244,244,245) !important;
    --urlbar-popup-url-color: LightSkyBlue !important;
    --urlbar-popup-action-color: Aquamarine !important;
}

panel[type="autocomplete-richlistbox"] :-moz-any(.search-panel-header,.searchbar-engine-one-off-item) {
    color: var(--autocomplete-popup-color) !important;
}

Блин, классно Только как найти, с чем конфликтует, если не работает? Подскажите, пожалуйста :blush:

Вот же ёшкин кот :angry: В папке chrome - только файл userChrome.css, а в нём - только код для прозрачного фона выпадающих списков адресной и поисковой строк (который под спойлером) - всё равно не работаеть :blush: Vitaliy V., может, этот стиль для [firefox] 57 не годится?

Отредактировано Viatcheslav (03-06-2018 06:39:26)

i629701 · №4321

Помогите кто чем может. Мне необходимо заменить стандартную иконку в огнелисе на свою.
Конкретно я говорю вот об этом элементе:

Я хочу заменить на это.

Я нашел некоторые инструкции в интернете, но они мне не подходят, потому что у меня Linux.
Подскажите пожалуйста что делать.
Спасибо.

Vitaliy V. · №4322

Viatcheslav пишет

этот стиль для 57 не годится?

Да он для [firefox] 60+
для версий ниже такой

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

Выделить код

Код:

@-moz-document url("chrome://browser/content/browser.xul") {

panel[type="autocomplete"],
panel[type="autocomplete-richlistbox"] {
    -moz-appearance: none !important;
    border: 1px solid rgba(255,255,255,0.4) !important;
    background-color: rgba(11,11,12,0.7) !important;
    background-image: none !important;
    color: rgb(244,244,245) !important;
    --arrowpanel-dimmed: rgba(255,255,255,0.1) !important;
    --arrowpanel-dimmed-further: rgba(0,72,217,0.8) !important;
    --arrowpanel-dimmed-even-further: transparent !important;
    --panel-separator-color: rgba(255,255,255,0.4) !important;
    --arrowpanel-border-color: rgba(255,255,255,0.4) !important;
    --arrowpanel-background: rgba(11,11,12,0.7) !important;
    --autocomplete-popup-background: rgba(11,11,12,0.7) !important;
    --autocomplete-popup-color: rgb(244,244,245) !important;
    --arrowpanel-color: rgb(244,244,245) !important;
    --urlbar-popup-url-color: rgb(89,145,212) !important;
    --urlbar-popup-action-color: rgb(127,255,212) !important;
}

panel[type="autocomplete"] .autocomplete-search-box,
panel[type="autocomplete-richlistbox"] richlistbox {
    -moz-appearance: none !important;
    background: none !important;
}

panel[type="autocomplete"] treechildren::-moz-tree-cell-text, 
panel[type="autocomplete"] :-moz-any(.autocomplete-search-box,.search-panel-header,.searchbar-engine-one-off-item),
panel[type="autocomplete-richlistbox"] :-moz-any(richlistbox,.autocomplete-richlistitem,.search-panel-header,.searchbar-engine-one-off-item),
panel[type="autocomplete-richlistbox"] :-moz-any(.ac-title,.ac-separator):not([selected="true"]),
panel[type="autocomplete-richlistbox"] treechildren::-moz-tree-cell-text {
    color: rgb(244,244,245) !important;
}

panel[type="autocomplete-richlistbox"] .autocomplete-richlistitem:not([selected="true"]):not(:hover) .ac-url-text {
    color: rgb(89,145,212) !important;
}

panel[type="autocomplete-richlistbox"] .autocomplete-richlistitem:not([selected="true"]):not(:hover) .ac-action-text {
    color: rgb(127,255,212) !important;
}

panel[type="autocomplete"] .search-panel-input-value,
panel[type="autocomplete-richlistbox"] .search-panel-input-value {
    color: rgb(128,170,255) !important;
}

panel[type="autocomplete"] treechildren.autocomplete-treebody::-moz-tree-row(selected) {
    background-color: rgba(0,72,217,0.8) !important;
}

panel[type="autocomplete-richlistbox"] .autocomplete-richlistitem:not([selected="true"]) :-moz-any(.ac-type-icon[type="keyword"],.ac-site-icon[type="searchengine"]) {
    fill: rgb(178,178,179) !important;
}

panel[type="autocomplete"] treechildren::-moz-tree-cell-text(hover),
panel[type="autocomplete"] treechildren.autocomplete-treebody::-moz-tree-cell-text(selected),
panel[type="autocomplete-richlistbox"] .autocomplete-richlistitem:not([disabled="true"]):hover :-moz-any(.ac-url-text,.ac-action-text) {
    color: rgb(255,255,255) !important;
}

panel[type="autocomplete"] .searchbar-engine-one-off-item[selected="true"],
panel[type="autocomplete-richlistbox"] .autocomplete-richlistitem:not([disabled="true"]):hover,
panel[type="autocomplete-richlistbox"] :-moz-any(.autocomplete-richlistitem,.searchbar-engine-one-off-item)[selected="true"] {
    color: rgb(255,255,255) !important;
    background-color: rgba(0,72,217,0.8) !important;
    background-image: none !important;
    border-color: transparent !important;
}

}

i629701 пишет

Мне необходимо заменить стандартную иконку в огнелисе на свою.
Конкретно я говорю вот об этом элементе:

стилем в userChrome.css нельзя изменить заголовок окна если речь о нём,
но можно заменить иконки в папке установки [firefox] , у вас может быть другая директория
/usr/lib/firefox/browser/chrome/icons/default

Тут попросили добавить к моему стилю для панели поиска - автоскрытие при клике на странице или по Ctrl + f
заодно сам стиль немного доработал Скачать

скриншот

upd: обновил findbar.xml

Отредактировано Vitaliy V. (04-06-2018 13:56:55)

Viatcheslav · №4323

Vitaliy V. пишет

Тут попросили добавить к моему стилю для панели поиска - автоскрытие при клике на странице или по Ctrl + f
заодно сам стиль немного доработал Скачать

Эта панель поиска тоже для [firefox] 60+?

Vitaliy V. · №4324

Viatcheslav пишет

Эта панель поиска тоже для 60+?

Нет, даже на 52 работает, но желательно с 57+

func4ptch4 · №4325

Vitaliy V. пишет

Тут попросили добавить к моему стилю для панели поиска - автоскрытие при клике на странице или по Ctrl + f
заодно сам стиль немного доработал Скачать
скриншот
https://imageshost.ru/images/2018/06/03 … 154610.png

Круто то что надо, спасибо!
Только я налево переделал, а нельзя сделать по таймауту автоскрытие?
Бывает когда надо чтобы дольше держал пойск, если выделенно несколько запросов.

Отредактировано func4ptch4 (03-06-2018 20:00:28)

Полезная информация

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Board footer