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

Vitaliy V. · №10501

sandro79
да я исправил там, просто не обратил внимания что версия 90

sandro79 · №10502

Vitaliy V. пишет

sandro79
да я исправил там...

Вот блин, поторопился я и не обратил внимания, что отредактировано пока писал.
Благодарю! Да, это сработало. А по поводу сузить сверху и снизу немного значок масштаба в адресной строке, может есть решение.
Скриншоты перезалил на другой хостинг, с Радикала картинки чот пропадать стали, там видно он чуть ли не в края строки упирается.
Адресная стандартного размера для компактных значков.

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

Отредактировано sandro79 (05-06-2021 21:51:32)

Liho555 · №10503

Vitaliy V. пишет

Я думаю актуальна, изменять стилем шрифт в универсальным селектором так себе решение
Попробовал изменить шрифт в 10 на виртуалке и в шрифт тоже изменился

Если после этого применить пользовательское масштабирование, шрифт слетает в [firefox] .
У меня изначально системный шрифт был изменен и применено масштабирование видать поэтому его не подхватил.

egorsemenov06 · №10504

Vitaliy V. пишет

egorsemenov06 пишет
когда в строку поиска кликаешь синия обводка
ну не знаю скриншота нет, может это к тому коду
скрытый текст
Выделить код
Код:
#newtab-search-text,
.search-handoff-button {
  outline: none !important;
}

оно спасибо !!!

v4386 · №10505

Vitaliy V. пишет

Я думаю актуальна, изменять стилем шрифт в универсальным селектором так себе решение
Попробовал изменить шрифт в 10 на виртуалке и в шрифт тоже изменился

У меня именно таким способом и изменён шрифт в Win 10 и раньше, до FF 89 никаких проблем с отрисовкой системных шрифтов в Мазилле не было, но тут у меня совпала переустановка винды и выход FF 89, поэтому Лису 89 установил с нуля вчистую. И каково же было моё удивление: Лиса не подхватила мой системный шрифт (я тогда ещё подумал, что мозилловцы, как в Гугл Хроме включили в FF 89 "DirectWrite" какой-нибудь). И мне очень странно, что у вас FF 89 спокойно подхватывает системные шрифты. Сейчас специально изъял из своей Лисицы папку "chrome", для чистоты эксперимента, перезагрузил FF и вот смотрите результат:

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

Как видите в Системе у меня глобально установлен шрифт "PT Serif Caption", а в Мазилле шрифт отображается "Seque". Как думаете из-за чего так может быть и в какую сторону нужно "копать", чтобы исправить этот глюк (вы по любому лучше понимаете, что и как, не так, может быть с Мазиллой). Кстати, не у одного меня такая лажа со шрифтами: на Reddit много уже сообщений встречал, что в FF 89 перестал отображаться изменённый в системе шрифт, да и здесь на форуме уже кто-то спрашивал, как вернуть в Лису системный шрифт от Винды.

Добавлено 05-06-2021 22:59:16

Vitaliy V. пишет

Но шрифт жуть, неужели покрасивей не нашли?!

Насчет покрасивей: тут у всех фломастеры разные... Мне такой шрифт очень нравится - "жирнить" его не надо, он уже и так жирный. А у меня хоть и большой монитор, но зрение уже не то, как было раньше.

Добавлено 05-06-2021 23:11:52

Liho555 пишет

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

Не-а, у меня, как видно на моём скриншоте, никакого масштабирования нет и тем не менее системный шрифт тоже не подхватывается.

Отредактировано v4386 (05-06-2021 23:11:52)

Vitaliy V. · №10506

Liho555 пишет

Если после этого применить пользовательское масштабирование, шрифт слетает в

Да может слетать после манипуляций с настройками [windows] не только масштабирование, главное после снова импортировать рег файл.

v4386 пишет

И мне очень странно, что у вас FF 89 спокойно подхватывает системные шрифты

[firefox] всегда использует системные шрифты когда в стилях браузера например есть такое правило
:root {
font: message-box;
}
а они там есть как и др. это не изменилось,
а вот что изменилось так это то что считывает он теперь только из этой ветки реестра
[HKEY_CURRENT_USER\Control Panel\Desktop\WindowMetrics]
Так что разбирайтесь с [windows] , [firefox] тут не причем, тем более как писал выше именно эта ветка может изменятся после настроек .

sandro79 пишет

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

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

Выделить код

Код:

:root:not([uidensity="touch"]) #urlbar-zoom-button {
    margin-block: 2px !important;
}

Отредактировано Vitaliy V. (06-06-2021 01:13:31)

voqabuhe · №10507

sandro79 пишет

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

ИМХО Лучше бордюр убрать, а не сужать.

oleg.sgh · №10508

sandro79, voqabuhe
Одни циферки.

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

Выделить код

Код:

/* индикатор масштаба в адресной */
#urlbar-zoom-button[animate="true"] {
    animation-duration: 0ms !important;}
#urlbar-zoom-button {
    font-size: 20px !important;
    margin-inline: 5px !important;
    margin-top: -3px !important;
    background-color: #fff0 !important;
    border: #fff0 !important;
}

Отредактировано oleg.sgh (06-06-2021 05:14:50)

voqabuhe · №10509

oleg.sgh
Почему не сделать проще?

Выделить код

Код:

#urlbar-zoom-button { border: none !important;
}

oleg.sgh · №10510

voqabuhe
Можно и так. Искал вариант с размерами, цветами, закруглениями, расположением. Прозрачный подошёл, так и осталось.

Отредактировано oleg.sgh (06-06-2021 06:19:23)

voqabuhe · №10511

oleg.sgh
Понятно. Мне ничего этого не надо было. Поэтому не заморачивался, скрыл бордюр и всё.

sandro79 · №10512

Vitaliy V. пишет

скрытый текст
Выделить код
Код:
:root:not([uidensity="touch"]) #urlbar-zoom-button {
    margin-block: 2px !important;
}

Огромное Спасибо! Сработало!

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

Выделить код

Код:

:root:not([uidensity="touch"]) #urlbar-zoom-button {
    padding: 0 8px !important;
    border-radius: 1em !important;
    background-color: hsla(0,0%,0%,.05) !important;
    border: 1px solid hsla(210,4%,50%,.3) !important;
    margin-block: 3px !important;
}

Виталий, а не могли бы Вы ещё подправить код перезапуска для протоновского меню? Иконки перезапуска наверно уже можно не использовать. Заранее Спасибо.

Отредактировано Vitaliy V. (Сегодня 20:34:00)
Спасибо! Забрал, всё отлично!

Отредактировано sandro79 (06-06-2021 20:48:41)

Xenosag · №10513

Подскажите, как убрать пустую панель меню при сдвинутых вкладках вниз? При этом чтобы заголовок корректно отображался. Об этом в посте Виталия написано, но что-то не могу понять, что нужно досоздать, чтобы эта пустая область исчезла. Если это делается не через userChrome.css, то подскажите как эти скрипты из сообщения заюзать.

Отредактировано Xenosag (06-06-2021 11:20:13)

ebe1961 · №10514

Liho555 пишет

ebe1961 я руками вбивал, прямо в regedit'е редактируя двоичный параметр, смысл наверное понятен, исходя из картинки.

Спасибо! Все получилось!

P.S.
Правда костыль оказался слегка кривой. Если вручную прописать в реестре Tahoma, вместо Segoe UI, то например в Utorrent и некоторых других программах, шрифт слетает на Segoe UI, а Tahoma не берется.

Отредактировано ebe1961 (06-06-2021 19:01:50)

Vitaliy V. · №10515

Xenosag пишет

Если это делается не через userChrome.css, то подскажите как эти скрипты из сообщения заюзать.

user_chrome_files
в custom_script_win.js добавить код как указано в посте
Да и стиль должен быть из поста, с др. не сработает

Отредактировано Vitaliy V. (13-08-2021 21:20:04)

Inko7 · №10516

Vitaliy V.
подскажите пожалуйста по этому вопросу.

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

всегда фокус в строку поиска на домашней странице

может скрипт для user_chrome_files с этим справится?

sandro79 · №10517

Inko7 пишет

может скрипт для user_chrome_files с этим справится?

Да вот же недавно только обсуждалось.

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

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

Выделить код

Код:

/* уменьшенные отступы в конт. меню */
@media (-moz-os-version: windows-win10) {
menupopup[needsgutter] menu:not([icon], .menu-iconic), menupopup[needsgutter] menuitem:not([checked="true"], [icon], .menuitem-iconic) {
padding-inline-start: 12px !important;
}
menupopup > menuitem, menupopup > menu {
	padding-block: 2px !important;
}
/* светлые меню для тёмной и сторонних тем */
menupopup {
	color:  #000000 !important;
	--menuitem-hover-background-color: #91C9F7 !important;
	--menu-background-color: #F2F2F2 !important;
	--menu-color: #000000 !important;
	--menu-disabled-color: rgba(21, 20, 26, 0.5) !important;
	--menu-border-color: #919191 !important;
	--menu-icon-opacity: 0.7 !important;
}
}
/* твики вкладок, гамбургер-меню, адр. строки, кнопок, отступов, скруглений на панелях */
:root:not([uidensity="touch"]) {
	--tab-border-radius: 0px !important;
	--tab-min-height: 25px !important;
	--tabs-navbar-shadow-size: 0px !important;
	--inline-tab-padding: 9px !important;
	--toolbarbutton-outer-padding: 1px !important;
	--toolbarbutton-inner-padding: 4px !important;
	--toolbar-start-end-padding: 2px !important;
        --toolbarbutton-border-radius: 2px !important;
        --urlbar-min-height: 26px !important;
        --urlbar-icon-padding: 3px !important;
	--proton-tab-block-margin: 0px !important;
	--tab-block-margin: 0px !important;
	--bookmark-block-padding: 1px !important;
	--arrowpanel-menuitem-padding-block: 2px !important;
        --arrowpanel-border-radius: 2px !important;
	--arrowpanel-menuitem-border-radius: 2px !important;
	--panel-separator-margin: 3px 8px !important;
	--panel-subview-body-padding: 6px 0 !important;
}
/* улучшенная контрастность звёздочки при использовании сторонних тем */
:root[lwt-popup-brighttext] panel, toolbar[brighttext]:-moz-lwtheme {
	--toolbarbutton-icon-fill-attention: rgb(69,161,255) !important;
}
/* ширина вкладки */
:root {
  --tab_min_width: 50px;
  --tab_max_width: 190px;
}

.tabbrowser-tab:not([pinned]) {
  min-width: var(--tab_min_width) !important;
  clip-width: var(--tab_min_width) !important;
}

#tabbrowser-tabs:not([overflow="true"]):not([using-closing-tabs-spacer="true"]) .tabbrowser-tab[fadein]:not([pinned]) {
  max-width: var(--tab_max_width) !important;
  overflow: hidden !important;
}
/* немного увеличить и сдвинуть правее крестик на вкладке */
.tab-close-button {
	margin-inline-end: calc(var(--inline-tab-padding) / -1.5) !important;
	width: 23px !important;
	padding: 5px !important;
}
/* расстояние между вкладок после выпрямления углов */
.tabbrowser-tab {
	padding-inline: 0.2px !important;
}
/* убрать жирный бордюр при фокусе в строке адреса и поиска */
#urlbar-background, #searchbar {
	background-clip: padding-box !important;
	border: 1px solid var(--toolbar-field-border-color) !important;
}
/* сдвинуть на 2px влево лупу в строке поиска */
.searchbar-search-icon {
	margin-inline: 6px 6px !important;
}
/* уменьшить отступы по краям и сверху-снизу адресной и поисковой строк */
#urlbar-container,
#search-container {
    padding: 1px 0 !important;
    margin-inline: 1px !important;
}
/* опустить чут ниже кнопки файл - справка */
#main-window #main-menubar {
	margin-top: 2px !important;
}
/* убрать цвет в строке адреса на служебных страницах */
#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button, #identity-box[pageproxystate="valid"].chromeUI > .identity-box-button, #identity-box[pageproxystate="valid"].extensionPage > .identity-box-button, #urlbar-label-box {
	background-color: unset !important;
}
/* вернуть "старую" иконку с лисой в строке адреса на служебных страницах */
#identity-box[pageproxystate="valid"].chromeUI #identity-icon {
	list-style-image: url(chrome://branding/content/identity-icons-brand.svg) !important;
}
/* поднять панель закладок */
#personal-bookmarks {
        margin-top: -4px !important;
}
/* сдвинуть панель закладок ближе к левому краю  */
#PersonalToolbar {
	padding-inline: 2px !important;
}
/* убрать серый фон с адресной и строки поиска при исп. сторонних тем */
#urlbar:-moz-lwtheme > #urlbar-background, #navigator-toolbox #searchbar:-moz-lwtheme {
	background-color: var(--lwt-toolbar-field-background-color, field) !important;
}
/* убрать из меню по ПКМ пунты открытия изобр. на страницах где есть фоновое изображение */
/* https://forum.mozilla-russia.org/viewtopic.php?pid=791157#p791157 */
#context-navigation:not([hidden]) ~ :is(#context-viewimage,#context-sep-setbackground),
#context-saveimage[hidden] ~ :is(#context-copyimage-contents,#context-copyimage,#context-sendimage) {
    display: none !important;
}
/* расширить растягивающийся интервал до максимума */
toolbar:not(#nav-bar) toolbarpaletteitem[place="toolbar"][id^="wrapper-customizableui-special-spring"],
toolbar:not(#nav-bar) toolbarspring {
    max-width: none !important;
    -moz-box-flex: 1000 !important;
}
/* сдвинуть меню гамбургер-кнопки, "другие инструменты" и подобных меню */
.panel-arrowcontainer {
    margin-top: 1px !important;
    margin-inline: 2px !important;
}
/* уменьшение кнопок управления окном для win10 */
/* https://forum.mozilla-russia.org/viewtopic.php?pid=790472#p790472 */
.titlebar-buttonbox > .titlebar-button,
#minimize-button, #restore-button, #close-button {
    margin: 0 !important;
    padding: 5px 15px !important;
}
/* твик иконки воспроизведения на вкладке */
/* или так https://forum.mozilla-russia.org/viewtopic.php?pid=791627#p791627 */
.tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
    opacity: 1 !important;
    margin-inline-start: 20px !important;
    margin-inline-end: 2px !important;
    padding: 1px !important;
}
.tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > .tab-icon-image {
    opacity: 1 !important;
}
/* Скрыть надпись "воспроизводится" в режиме обычных и мобильных значков */
.tab-secondary-label {
    display: none !important;
}
/* твик кнопки сброса масштаба в адресной строке */
:root:not([uidensity="touch"]) #urlbar-zoom-button {
    padding: 0 8px !important;
    border-radius: 1em !important;
    background-color: hsla(0,0%,0%,.05) !important;
    border: 1px solid hsla(210,4%,50%,.3) !important;
    margin-block: 3px !important;
}
/* уменьшить ширину меню "другие инструменты" */
#widget-overflow panelview {
    min-width: 22em !important;
    max-width: 22em !important;
}
/* скрыть исследовать средства поддержки доступности */
#context-inspect-a11y {
    display: none !important;
}

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

Чуть стиль дополнил и подправил.

Отредактировано sandro79 (09-06-2021 09:45:09)

sonyas75 · №10518

sandro79
гля

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

_zt · №10519

Стиль добавляющий спискам загрузок (во вкладке, в окне, в меню кнопки
загрузок и в Sidebar Tabs) анимацию наведения и выбора элементов,
сужающий список элементов в меню кнопки загрузок и приводящий список
загрузок во вкладке загрузок Sidebar Tabs к компактному виду и во всю
ширину вкладки.
Sidebar Tabs - https://forum.mozilla-russia.org/viewto … 24#p784824
Стиль добавлять импортом и в userChrome.css и в userContent.css

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

Также стиль делает обводку выбранных элементов загрузки толщиной в 1px, а не так как сейчас.
Стиль не сужает само меню загрузок, это можно сделать полной темой от Vitaliy V. или как то иначе + напомню о моем стиле, в том числе для этого меню - https://forum.mozilla-russia.org/viewto … 95#p791195.

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

Выделить код

Код:

/* Стиль добавляющий спискам загрузок (во вкладке, в окне, в меню кнопки
 * загрузок и в Sidebar Tabs) анимацию наведения и выбора элементов,
 * сужающий список элементов в меню кнопки загрузок и приводящий список
 * загрузок во вкладке загрузок Sidebar Tabs к компактному виду и во всю
 * ширину вкладки.
 * Sidebar Tabs -
 * https://forum.mozilla-russia.org/viewtopic.php?pid=784824#p784824
 * Этот стиль -
 * https://forum.mozilla-russia.org/viewtopic.php?pid=791803#p791803
 * Стиль добавлять импортом и в userChrome.css и в userContent.css          ***/

/* Загрузки в библиотеке открытой во вкладке, в окне, в меню кнопки загрузок
 * и в Sidebar Tabs */
#downloadsListBox > richlistitem,
#downloadsRichListBox > richlistitem {
    background-color: rgba(200,200,200,0.05) !important;
    border-radius: 4px !important;
    outline: 1px solid rgba(200,200,200,0.2) !important;
    outline-offset: -2px !important;
}
#downloadsListBox > richlistitem[selected],
#downloadsRichListBox > richlistitem[selected] {
    background-image: none !important;
    background-color: rgba(40,120,200,0.2) !important;
    outline: 1px solid rgba(40,120,200,0.8) !important;
}
#downloadsListBox > richlistitem[selected]:hover ,
#downloadsRichListBox > richlistitem[selected]:hover {
    background-image: none !important;
    background-color: rgba(40,120,200,0.3) !important;
    outline: 1px solid rgba(40,120,200,0.9) !important;
}
#downloadsListBox > richlistitem:not([selected]):hover,
#downloadsRichListBox > richlistitem:not([selected]):hover {
    background-color: rgba(200,200,200,0.1) !important;
    outline: 1px solid rgba(40,120,200,0.3) !important;
    outline-offset: -2px !important;
}
/* Загрузки в Sidebar Tabs и в меню кнопки загрузок */
window#contentAreaDownloadsView  {
    background-color: rgb(24,24,26) !important;
}
window#contentAreaDownloadsView #downloadsRichListBox {
    -moz-appearance: none !important;
    appearance: none !important;
    outline: none !important;
    border: 1px solid rgba(200,200,200,0.15) !important;
    background-color: transparent !important;
    padding: 0 0 0 0 !important;
    margin-inline-start: -16px !important;
    margin-inline-end: -16px !important;
    margin-top: -17px !important;
    margin-bottom: -15px !important;
}
#mainPopupSet #downloadsListBox richlistitem,
window#contentAreaDownloadsView #downloadsRichListBox richlistitem {
    height: 40px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
#mainPopupSet #downloadsListBox richlistitem stack .downloadTypeIcon,
window#contentAreaDownloadsView #downloadsRichListBox stack .downloadTypeIcon {
    margin: 0 4px 0 4px !important;
    height: 24px !important;
    width: 24px !important;
}
window#contentAreaDownloadsView #downloadsRichListBox .downloadTarget,
window#contentAreaDownloadsView #downloadsRichListBox .downloadDetails {
    padding-inline-end: 4px !important;
}
window#contentAreaDownloadsView #downloadsRichListBox richlistitem .downloadButton,
window#contentAreaDownloadsView #downloadsRichListBox richlistitem .downloadButton > .button-box {
    height: 40px !important;
    border-radius: 4px !important;
    padding: 2px 2px 2px 2px !important;
    margin-inline-start: -4px !important;
}

И еще один чудесный стиль от Vitaliy V. для библиотек - https://forum.mozilla-russia.org/viewto … 98#p785798.

Vitaliy V.
Виталий не могли бы вы:
1. повесить Copy URL from URL-bar (или свое) на ПКМ по URL-bar History Dropmarker.
2. а открытие Sidebar Tabs на вкладке загрузок (не переопределяя назначенный способ открытия панели) повесить на ПКМ по стандартной кнопке загрузок.

Отредактировано _zt (07-06-2021 01:26:23)

Inko7 · №10520

sandro79 пишет

Inko7 пишет
может скрипт для user_chrome_files с этим справится?
Да вот же недавно только обсуждалось.

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

Отредактировано Inko7 (07-06-2021 07:23:34)

falcon1598 · №10521

Здравствуйте.
Не могли бы вы помочь мне настроить интерфейс Firefox 78.11.0 ESR?
Я поставил CSS в папку chrome в профиле браузера. Стало немного лучше, но до требуемого очень далеко.
К сожалению, я не силен в скриптах (гуманитарное образование).
Вот, для начала, скриншот.

1. Адресная строка должна быть свободной и на всю ширину экрана.
2. Панель с кнопками должна располагаться выше адресной строки. (сейчас кнопки слева от адресной строки).
3. Вкладки, их заголовки должны располагаться ниже адресной строки. (сейчас вкладки выше адресной строки).
4. В адресной строке не должно быть значков (страница, точки, звездочка и другие). Но pocket отключил сам через about:config.
5. В адресную строку, справа, в самый конец, нужно поместить "стрелку вниз", раньше так открывались последние посещенные адреса. Теперь их не стало.
Это начало. Сначала мне нужно с этим разобраться. Скопировать-вставить готовые строки с настройками в скрипт, наверное, я смогу.
Спасибо.

Vint · №10522

_zt пишет

Да неважно куда и что, у меня так получилось, в уже существующей папке, чтобы не плодить сущности -
override chrome://global/skin/icons/defaultFavicon.svg chrome://user_chrome_files/content/custom_styles/png/globe.png
Вообще всюду заменилась, отлично.

Подскажите что делать чтобы заработало. Куда вписывать этот код? Какие дополнительные действия ещё нужны?

egorsemenov06 · №10523

Vitaliy V. Помогите пожалуйста разобраться с вкладками исползую вот этот стиль

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

Выделить код

Код:

:root {
  --tab-curve-width: 26px;
  --tabs-border: transparent !important;
  --tab-border-radius: 0 !important;
}

.tabbrowser-arrowscrollbox .arrowscrollbox-scrollbox {
  padding-inline-start: 10px !important;
}

/* To be able to see the top border of the tab */
.tab-stack {
  margin-top: 2px !important;
}

/* To prevent tab label appearing on pinned tab in compact mode. */
.tab-content {
  padding: 0 12px !important;
}

/* When the window is maximized, the first pinned tab is properly displayed. */
#TabsToolbar  {
  padding-inline-start: 15px !important;
  min-height: 29px !important;
  max-height: 29px !important;
}

.tabbrowser-tab[first-visible-tab="true"] {
  padding-left: 12px !important;
}

#tabbrowser-tabs {
  margin-left: -15px !important;
}

.titlebar-placeholder {
  border: none !important;
}

.titlebar-spacer {
  border: none !important;
}

/* Styles to account for when tab scrollbar is visible, and margin-inline-start kicks in */
.tabbrowser-tab[pinned="true"] {
  width: 40px !important; /* Actual photon pinned tab is 41px, but 40px removes pixelated artifact from pinned tab favicon */
}

.tabbrowser-tab[pinned="true"][style^="margin-inline-start"] {
  padding-left: 12px !important;
}

/* Remove unneeded styles from Photon */
.tabbrowser-tab::before,
.tabbrowser-tab::after {
  border: none !important;
}

/* Remove uneeded styles from Proton */
.tabbrowser-tab {
  padding-inline: 0px !important;
}

.tab-background {
  margin-bottom: 0 !important;
  display: flex !important;
}

.tab-background > .tab-context-line {
  flex: 1 !important;
}

#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] {
  margin-inline-start: 0px !important;
}

/* Remove container colors */
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
  background-color: rgba(0,0,0,0) !important;
  height: inherit !important;
  border-radius: 0px !important;
  margin: 0px !important;
}

/* Default theme customization: Vibrant (transparent, dark) titlebar for mac */
:root:is([inFullscreen], [tabsintitlebar]) #TabsToolbar:not(:-moz-lwtheme) {
  appearance: auto !important;
  -moz-default-appearance: -moz-mac-vibrant-titlebar-dark !important;
  -moz-font-smoothing-background-color: -moz-mac-vibrant-titlebar-dark !important;
  background-color: #232323 !important;
  color: hsl(240, 9%, 98%) !important;
  text-shadow: none !important;
}

#navigator-toolbox {
  background-color: transparent !important;
}

#new-tab-button > .toolbarbutton-icon,
#tabs-newtab-button > .toolbarbutton-icon {
  fill: rgb(249,249,250) !important;
}
/* End default theme customizations */

/* Windows 7 specific */
@media (-moz-os-version: windows-win7) {
  .tabbrowser-tab {
    background-color: transparent !important;
    border: none !important;
  }

  @media (-moz-windows-default-theme) {
    .tabbrowser-tab:not(:-moz-lwtheme) {
      background-color: transparent !important;
      border: none !important;
    }
  }
}

.tabbrowser-tab > .tab-stack > .tab-background {
  background-image: none !important;
  -moz-box-orient: horizontal !important;
  background-color: transparent !important;
  margin-top: 1px !important;
}

.tab-background[selected="true"] {
  border: none !important;
}

.tab-background {
  pointer-events: none !important;
}

.tab-line {
  display: none !important;
}

.tab-bottom-line {
  display: none !important;
}

/* Match height of new tab button (right svg) on hover */
#tabs-newtab-button {
  margin: 0 !important;
}

/* overlap the tab curves */
.tab-background {
  -moz-margin-end: -15px !important;
  -moz-margin-start: -15px !important;
}

/* Remove blue animation on tab on page load complete */
.tab-loading-burst {
  display: none !important;
}

/* Begin tab background customizations */
.tab-background[selected="true"]::before {
  border: none !important;
  content: "" !important;
  width: 26px !important;
  min-height: 26px !important;
  display: -moz-box !important;
  background-repeat: no-repeat !important;
}

.tab-background[selected="true"]::after {
  border: none !important;
  content: "" !important;
  width: 26px !important;
  min-height: 26px !important;
  display: -moz-box !important;
  background-repeat: no-repeat !important;
}

.tab-background[selected="true"] > spacer {
  margin-top: 0px !important;
}

#new-tab-button,
#tabs-newtab-button {
  width: calc(36px + 30px) !important;
  margin-inline-start: -15px !important;
  margin-top: 1px !important;
}

/* Tab hover customizations */
.close-icon:hover {
  border-radius: 50% !important;
}

/* Regular tabs */
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::before {
  display: -moz-box !important;
  background-repeat: no-repeat !important;
  content: "" !important;
  width: 26px !important;
  max-height: 26px !important;
  background-color: transparent !important;
}

.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::after {
  display: -moz-box !important;
  background-repeat: no-repeat !important;
  content: "" !important;
  width: 26px !important;
  max-height: 26px !important;
  background-color: transparent !important;
}

.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) > spacer {
  margin-top: 0px !important;
}

#TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]),
#tabs-newtab-button:hover,
#tabs-newtab-button:hover::before,
#tabs-newtab-button:hover::after {
  background-color: transparent !important;
}

/* New tab hover customizations */
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]), #tabs-newtab-button:hover {
  background-position: 0px 2px, 30px 4px , 36px 2px !important;
  background-repeat: no-repeat !important;
  background-size: 30px 30px, calc(100% - (2 * 30px)) 30px, 30px !important;
}

#tabs-newtab-button:hover > .toolbarbutton-icon {
  background: none !important;
  background-color: transparent !important;
}


/* Color specific customizations */
:root {
  --svg-selected-before: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='26px' height='27px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.065 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.065 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.065 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.065 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='26' height='27' clip-path='url(%23tab-curve-clip-path-start)'><div id='tab-background-fill' style='background-color:rgb(249,249,250);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");

  --svg-selected-after: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='26px' height='27px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.065 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.065 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.065 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.065 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='26' height='27' clip-path='url(%23tab-curve-clip-path-end)'><div id='tab-background-fill' style='background-color:rgb(249, 249, 255);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");

  --background-selected-middle:
    linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)),
    linear-gradient(
      transparent
      2px,
      rgb(249,249,255) 2px,
      rgb(249,249,255)
    ),
    none;

  --svg-hover-before: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='26px' height='26px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.065 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.065 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.065 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.065 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='26' height='26' clip-path='url(%23tab-curve-clip-path-start)'><div id='tab-background-fill' style='background-color:rgba(255, 255, 255, .1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");

  --svg-hover-after: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='26px' height='27px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.065 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.065 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.065 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.065 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='26' height='27' clip-path='url(%23tab-curve-clip-path-end)'><div id='tab-background-fill' style='background-color:rgba(255, 255, 255,.1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");

  --background-hover-middle:
    linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)),
    linear-gradient(
      transparent
      2px,
      rgba(255,255,255,.1) 2px,
      rgba(255,255,255,.1)
    ),
    none;

  --newtab-hover: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='26px' height='26px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.065 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.065 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.065 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.065 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='26' height='27' clip-path='url(%23tab-curve-clip-path-start)'><div id='tab-background-fill' style='background-color:rgba(255,255,255,.1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>"),
  linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.1)),
  url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='26px' height='27px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.065 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.065 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.065 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.065 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='26' height='27' clip-path='url(%23tab-curve-clip-path-end)'><div id='tab-background-fill' style='background-color:rgba(255,255,255,.1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");
}


/* OS-specific color variables */
@media screen and (-moz-windows-theme) {
  :root {

  }
}

@media not screen and (-moz-windows-theme) {
  :root {

  }
}

.tab-background[selected="true"]::before {
  background-image: var(--svg-selected-before) !important;
}

.tab-background[selected="true"]::after {
  background-image: var(--svg-selected-after) !important;
}

.tab-background[selected="true"] > .tab-context-line {
  background-image: var(--background-selected-middle) !important;
}

.tabbrowser-tab[visuallyselected="true"] > .tab-stack > .tab-background {
  box-shadow: none !important;
}

.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::before {
  background-image: var(--svg-hover-before) !important;
}

.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::after {
  background-image: var(--svg-hover-after)  !important;
}

.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) > .tab-context-line {
  background-image: var(--background-hover-middle) !important;
}

#tabs-newtab-button:hover {
  background-image: var(--newtab-hover) !important;
}


/*Высота вкладок*/
*|*#main-window:not([uidensity="touch"]) {
    --tab-min-height: 26px !important;
}
*|*#main-window:not([uidensity="touch"]) #TabsToolbar {
    --toolbarbutton-outer-padding: 0px !important;
    --toolbarbutton-inner-padding: 3px !important;
}
*|*#main-window:not([uidensity="touch"]) #TabsToolbar .toolbarbutton-badge {
    margin-inline-end: calc(-1 * (var(--toolbarbutton-outer-padding) + var(--toolbarbutton-inner-padding))) !important;
}
@media (-moz-windows-compositor) {
    *|*#main-window:not([uidensity="touch"]) .titlebar-buttonbox {
        -moz-box-align: start !important;
    }

    *|*#main-window:not([uidensity="touch"]) .titlebar-buttonbox .titlebar-button {
        margin: 0 !important;
        padding: 4px 8px !important;
    }

    *|*#main-window:not([uidensity="touch"])[sizemode="normal"]  vbox#titlebar {
        -moz-appearance: none !important;
    }
}


/*Ширина вкладок*/
.tabbrowser-tab[fadein]:not([pinned]) {
    min-width: 80px !important;
    max-width: 100px !important;
}

/* поднимаем панель с табами выше, чтобы меньше места занимала */
#TabsToolbar{
margin-top: -4px !important;
margin-bottom: 0px !important;
}

/* Когда много мелких табов при выборе или наведении мыши таб растягивается */
.tabbrowser-tab[fadein][selected]:not([pinned]), .tabbrowser-tab:hover[fadein]:not([pinned])
{
    min-width: 80px !important;
}

/* Прокрутка табов колесиком мыши */
@-moz-document url-prefix("chrome://browser/content/browser.x") {
  vbox#browser-border-end {
    -moz-binding: url("./bindings/wheeltabs.xml#wheeltabs") !important;
    display: -moz-box !important;
  }
  vbox#browser-border-end[hidden="true"] {
    visibility: collapse !important;
    width: 0 !important;
    padding: 0 !important;
    border: none !important;
  }
}



/* TabBar reduce Spacer width on the right */
 .titlebar-spacer[type="post-tabs"] {width: 10px !important;}

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

Добавлено 07-06-2021 17:31:22

Vint пишет

_zt пишет
Да неважно куда и что, у меня так получилось, в уже существующей папке, чтобы не плодить сущности -
override chrome://global/skin/icons/defaultFavicon.svg chrome://user_chrome_files/content/custom_styles/png/globe.png
Вообще всюду заменилась, отлично.
Подскажите что делать чтобы заработало. Куда вписывать этот код? Какие дополнительные действия ещё нужны?

https://forum.mozilla-russia.org/viewto … 46#p791646

Отредактировано egorsemenov06 (08-06-2021 02:45:28)

Vint · №10524

egorsemenov06 пишет

Добавлено 07-06-2021 17:31:22
https://forum.mozilla-russia.org/viewto … 46#p791646

Я пропустил что-то раньше. Не найду user_chrome.manifest
Папку user_chrome_files создал в папке пользователя, туда положил новый svg с путём.

Я пользовался и пользуюсь только Custom_css_for_fx в папке chrome, больше ничего не делал.
user_chrome_files это какой-то другой набор правок?

egorsemenov06 · №10525

Vint пишет

egorsemenov06 пишет
Добавлено 07-06-2021 17:31:22
https://forum.mozilla-russia.org/viewto … 46#p791646
Я пропустил что-то раньше. Не найду user_chrome.manifest
Папку user_chrome_files создал в папке пользователя, туда положил новый svg с путём.
Я пользовался и пользуюсь только Custom_css_for_fx в папке chrome, больше ничего не делал.
user_chrome_files это какой-то другой набор правок?

https://github.com/VitaliyVstyle/Vitali … _files.zip а Custom_css_for_fx я вообще не знаю
наверно можно подклчить в user_chrome_files но это надо спрашивать у местных гуру

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

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