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

sandro79 · №11826

Алексей У. пишет

кнопка добавления в закладки все равно пропадает

А я отредактировал уже код, но тогда звёздочка и на about:newtab висит. Кнопка перехода не нужна? Я её не трогал.
Не, я тут пас, сильно много мороки.

Отредактировано sandro79 (04-02-2022 22:11:20)

Алексей У. · №11827

sandro79 пишет

Кнопка перехода не нужна? Я её не трогал. Не, я тут пас, сильно много мороки.

Да нет, не принципиально. Просто я думал, что код виноват. Кстати, по недавнему вопросу - для скрытия указанных элементов использую код:

Выделить код

Код:

@-moz-document url("about:preferences#search") {
  .searchBarImage {
    display: none !important;
  }

  #searchBarShownRadio {
    margin-top: -5px !important;
  }
}

Но почему-то он применяется не при открытии страницы, а после ее перезагрузки. Похоже, что где-то этот код подтормаживает, а где и почему - не могу понять.

sandro79 · №11828

Алексей У. пишет

Но почему-то он применяется не при открытии страницы, а после ее перезагрузки

url("about:preferences#search") на url-prefix(about:preferences) замените.

Алексей У. · №11829

Можно ли с помощью стиля заменить такие иконки на свои везде (т. е. в вкладках, закладках, выпадающем списке журнала, боковой панели и библиотеке)?

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

Пока что удалось найти только селекторы для вкладок (.tab-icon-image), закладок и выпадающего списка (.bookmark-item).

sandro79 · №11830

Алексей У. пишет

Можно ли с помощью стиля заменить такие иконки на свои везде

В userContent.css код, в самое начало файла желательно. Своя иконка встраивается в коде здесь.

Алексей У. · №11831

sandro79 пишет

В userContent.css код.

Спасибо, работает (по крайней мере, в журнале, в других местах пока нет возможности проверить). Давно хотел это сделать - очень уж этот глобус у них страшный вышел, постоянно глаза мозолил, правда не думал, что всего одним кодом это можно сделать (хотя код не маленький вышел). А нельзя ли еще так же пустое место в некоторых вкладках заполнить?

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

sandro79 · №11832

Алексей У. пишет

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

Здесь посмотрите файлы с названиями missing_tab_favicon_restored

Алексей У. · №11833

sandro79 пишет

Здесь посмотрите файлы с названиями missing_tab_favicon_restored

Использовал этот код. Иконка появляется во время загрузки страницы, а затем исчезает.

sandro79 · №11834

Алексей У. пишет

Иконка появляется во время загрузки страницы, а затем исчезает

А страница с каким вообще адресом? Эти коды для страниц без фавиконов типа как тут у человека.
Вообще не должно быть пустого места на вкладке, как у вас на скрине, а сдвигается заголовок влево, если фавикон у страницы отсутствует.

Алексей У. · №11835

sandro79 пишет

Вообще не должно быть пустого места на вкладке, как у вас на скрине, а сдвигается заголовок влево, если фавикон у страницы отсутствует.

Сейчас проверил на других страницах с изображениями (почему-то иконка отсутствует чаще всего тогда, когда открываешь какую-нибудь картинку в отдельной вкладке) - работает нормально. Видимо это в самой странице дело.

Vitaliy V. · №11836

egorsemenov06
Сделал, проверял только в 99 [nightly]

Алексей У. · №11837

Как перенести кнопку "Очистить загрузки" в левую часть окна, где она находилась в старых версиях Firefox?

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

sandro79 · №11838

Алексей У. пишет

Как перенести кнопку "Очистить загрузки" в левую часть окна, где она находилась в старых версиях Firefox?

Да она и в новых версиях в левой части, в 60-ой линейке видать накосячили. Так наверно

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

Выделить код

Код:

#placesToolbar :-moz-any(#clearDownloadsButton, #back-button, #forward-button, #placesMenu) {
  -moz-box-ordinal-group: 0;
}

ImTempos · №11839

del

Отредактировано ImTempos (10-02-2022 12:10:21)

blazah · №11840

Народ, а как перенести панель вкладок под адресную строку? Firefox 97. Тыркните пожалуйста сцылочкой или код приведите здесь плиз.

Xenosag · №11841

Что-то часто стал код ломаться, после обновления на 97-версию перестали выделяться вкладки(одно сплошное полотно). Подскажите, как вернуть контур(или цвет вкладки сделать сероватым) вокруг вкладки?

Отредактировано Xenosag (11-02-2022 06:27:58)

unter_officer · №11842

blazah пишет

Народ, а как перенести панель вкладок под адресную строку? Firefox 97. Тыркните пожалуйста сцылочкой или код приведите здесь плиз.

https://forum.mozilla-russia.org/viewto … 10#p784310

oleg.sgh · №11843

Xenosag
https://forum.mozilla-russia.org/viewto … 17#p791717

Xenosag · №11844

oleg.sgh пишет

Xenosaghttps://forum.mozilla-russia.org/viewto … 17#p791717

не работает. Попробовал сделать откат системы, так перестали работать активные элементы страницы, как нормально откатиться назад пока не найду решение?

Отредактировано Xenosag (11-02-2022 08:15:38)

oleg.sgh · №11845

Xenosag
Работает. Включить стили about:config:
toolkit.legacyUserProfileCustomizations.stylesheets;true
browser.proton.enabled;true
Правда, у меня часть кода.

Выделить код

Код:

/* неактивные вкладки non_active_tab_shape */
@supports -moz-bool-pref("browser.proton.enabled") {
.tabbrowser-tab:not(:hover) > .tab-stack > .tab-background:not([selected=true], [multiselected]) {
  background-color: color-mix(in srgb, currentColor 27%, transparent);
}

Предположительно: попробуйте из выше приведенного кода, по ссылке, убрать последнюю закрывающую скобку }
Откат системы не должен коснуться профиля...если не ошибаюсь. Откатить профиль можно из бэкапа профиля, если таковой имеется.
Если речь об откате на предыдущую версию - удалить из профиля файл compatibility.ini и обновить Firefox поверх.

Отредактировано oleg.sgh (11-02-2022 09:22:49)

Xenosag · №11846

oleg.sgh пишет

Xenosag
Работает. Включить стили about:config:
toolkit.legacyUserProfileCustomizations.stylesheets;true
browser.proton.enabled;true
Правда, у меня часть кода.
Предположительно: попробуйте из выше приведенного кода, по ссылке, убрать последнюю закрывающую скобку }
Откат системы не должен коснуться профиля...если не ошибаюсь. Откатить профиль можно из бэкапа профиля, если таковой имеется.
Если речь об откате на предыдущую версию - удалить из профиля файл compatibility.ini и обновить Firefox поверх.

вероятно конфликтует с чем-то, не работает(стили включены). Может неправильно объяснил, вот что я имею ввиду:

P.S. У меня код тянется хрен знает с каких времён, вероятно он уже не актуален. Если кому-то не лень его посмотреть, то вот он:

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

@-moz-document url("chrome://browser/content/browser.xhtml") {
*|*:root {
--v-toolbar-menubar-height: 26px; /* высота панели меню, только чётные числа не меньше 20px,
если изменяете эту переменную то и в --v-toolbar-menubar-height-content - атрибут height= нужно установить ровно в два раза больше*/
--v-toolbar-menubar-height-content: url("data:image/svg+xml,<svg width='28' height='52' xmlns='http://www.w3.org/2000/svg'><rect x='0' y='0' width='100%' height='100%' style='fill:transparent;'/></svg>"); /* height='2 * --v-toolbar-menubar-height' */
--tab-border-radius: 4px !important;

/* **************************************** */
--proton-tab-block-margin: 0px !important;
--tab-block-margin: 0px !important;
}
#navigator-toolbox {
border-block: none !important;
box-shadow: none !important;
padding-top: 0 !important;
-moz-appearance: none !important;
appearance: none !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar] #navigator-toolbox {
position: relative !important;
}
#navigator-toolbox > toolbar {
-moz-box-ordinal-group: 10 !important;
}
#navigator-toolbox > #nav-bar {
margin-block: 0 !important;
box-shadow: none !important;
-moz-box-ordinal-group: 0 !important;
padding-inline: 0 !important;
}
*|*:root:not([inFullscreen]) #navigator-toolbox > #nav-bar {
margin-top: var(--v-toolbar-menubar-height) !important;
}
#navigator-toolbox > #PersonalToolbar {
-moz-box-ordinal-group: 1 !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar] > *|body::before {
content: var(--v-toolbar-menubar-height-content) !important;
display: -moz-box !important;
-moz-box-flex: 0 !important;
-moz-box-orient: vertical !important;
-moz-box-pack: start !important;
-moz-box-align: stretch !important;
-moz-box-ordinal-group: 0 !important;
margin-bottom: calc(-2 * var(--v-toolbar-menubar-height)) !important;
box-sizing: content-box !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"] > *|body::before {
-moz-appearance: -moz-window-titlebar !important;
appearance: -moz-window-titlebar !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] > *|body::before {
-moz-appearance: -moz-window-titlebar-maximized !important;
appearance: -moz-window-titlebar-maximized !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme > *|body::before {
visibility: hidden !important;
}
#navigator-toolbox > #titlebar {
-moz-appearance: none !important;
appearance: none !important;
-moz-box-ordinal-group: 100 !important;
position: static !important;
}
#toolbar-menubar {
padding-block: 0 !important;
margin-block: 0 !important;
border: none !important;
background: none !important;
--toolbarbutton-outer-padding: 0px !important;
--toolbarbutton-inner-padding: calc((var(--v-toolbar-menubar-height) - 16px) / 2) !important;
-moz-appearance: none !important;
appearance: none !important;
}
*|*:root:not(:is([inFullscreen],[chromehidden~="menubar"])) #toolbar-menubar {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
display: flex !important;
flex-wrap: nowrap !important;
flex-direction: row !important;
align-items: stretch !important;
justify-content: flex-start !important;
min-height: 0 !important;
height: var(--v-toolbar-menubar-height) !important;
overflow: hidden !important;
}
#toolbar-menubar *|*.toolbarbutton-badge {
margin-inline-end: calc(-1 * (var(--toolbarbutton-outer-padding) + var(--toolbarbutton-inner-padding))) !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > :is(toolbaritem,toolbarbutton) {
align-self: center !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > :is(#menubar-items,#wrapper-menubar-items,.titlebar-buttonbox-container) {
align-self: flex-start !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > * {
padding-block: 0 !important;
margin-block: 0 !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar[autohide="true"][inactive="true"]:not([customizing="true"]) > *:not(.titlebar-buttonbox-container) {
opacity: 0 !important;
pointer-events: none !important;
}
*|*:root[inFullscreen] #toolbar-menubar {
visibility: collapse !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > :is(*[style*="-moz-box-ordinal-group: 1000;"],.titlebar-buttonbox-container) {
order: 1000 !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > :is(toolbarspring,spacer,[id^="wrapper-customizableui-special-spring"]) {
flex-grow: 1 !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > :is(#search-container,#wrapper-search-container) {
flex-grow: 100 !important;
}
#toolbar-menubar #search-container {
padding-block: 0 !important;
}
#toolbar-menubar #searchbar {
min-height: calc(var(--v-toolbar-menubar-height) - 2px) !important;
}
#TabsToolbar {
-moz-appearance: none !important;
appearance: none !important;
padding-block: 0 !important;
margin-block: 0 !important;
box-shadow: 0 -1px 0 var(--tabs-border-color, rgba(0,0,0,.3)) inset !important;
position: static !important;
background-color: var(--toolbar-bgcolor, -moz-dialog) !important;
background-image: var(--toolbar-bgimage, none) !important;
color: var(--toolbar-color, -moz-dialogtext) !important;
--lwt-toolbarbutton-icon-fill: inherit !important;
}
#TabsToolbar #tabbrowser-tabs {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
#TabsToolbar .tabbrowser-tab {
background-color: transparent !important;
border-top: none !important;
}
#TabsToolbar .tab-background {
border-end-end-radius: 0 !important;
border-end-start-radius: 0 !important;
}
#TabsToolbar > .toolbar-items {
padding-top: 0 !important;
margin-top: 0 !important;
}

#TabsToolbar .titlebar-buttonbox-container,
#navigator-toolbox::after,
#TabsToolbar::after,
#TabsToolbar .titlebar-spacer:is([type="pre-tabs"],[type="post-tabs"]) {
display: none !important;
}
#scrollbutton-up, #scrollbutton-down {
border-block: none !important;
border-end-end-radius: 0 !important;
border-end-start-radius: 0 !important;
}
*|*:root[inFullscreen] #window-controls {
position: absolute !important;
display: flex !important;
align-items: start !important;
top: 0 !important;
left: auto !important;
right: 0 !important;
margin: 0 !important;
}
*|*:root[inFullscreen] #window-controls:-moz-locale-dir(rtl) {
left: 0 !important;
right: auto !important;
}
*|*:root[inFullscreen] #navigator-toolbox > #nav-bar {
padding-inline-end: var(--v-titlebar-buttonbox-container-width, 108px) !important;
}
*|*:root:not([inFullscreen])[v_menubar_autohide="true"] #navigator-toolbox > #nav-bar {
margin-top: 0 !important;
padding-inline-end: var(--v-titlebar-buttonbox-container-width, 108px) !important;
}
*|*:root:not([inFullscreen])[v_menubar_autohide="true"] #toolbar-menubar {
pointer-events: none !important;
}
*|*:root:not([inFullscreen])[v_menubar_autohide="true"] #toolbar-menubar .titlebar-buttonbox-container {
pointer-events: auto !important;
}
@media (-moz-os-version: windows-win7), (-moz-os-version: windows-win8) {
*|*:root[sizemode="normal"] #TabsToolbar {
border-inline: 1px solid hsla(240,5%,5%,0.3) !important;
background-clip: padding-box !important;
}
@media (-moz-windows-classic: 0) {
*|*:root:not([inFullscreen])[v_menubar_autohide="true"][tabsintitlebar][sizemode="normal"] #navigator-toolbox > #nav-bar {
margin-top: 1px !important;
}
*|*:root:not([inFullscreen])[sizemode="normal"] #toolbar-menubar:not([autohide="true"]) > #menubar-items {
margin-top: 1px !important;
}
}
}
@media (-moz-windows-classic) {
*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #navigator-toolbox::before {
content: "" !important;
display: -moz-box !important;
height: 4px !important;
-moz-box-ordinal-group: 0 !important;
visibility: visible !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"]:-moz-lwtheme #navigator-toolbox::before {
background-image: linear-gradient(to bottom, ThreeDLightShadow 0, ThreeDLightShadow 1px, ThreeDHighlight 1px, ThreeDHighlight 2px, ActiveBorder 2px, ActiveBorder 4px, transparent 4px) !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #toolbar-menubar {
margin-top: 4px !important;
}
}
*|*:root[data-l10n-id="browser-main-window-mac"] {
--v-toolbar-menubar-height: 0px !important;
--v-toolbar-menubar-height-content: none !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar][data-l10n-id="browser-main-window-mac"] #nav-bar {
margin-inline-start: calc(var(--toolbarbutton-outer-padding, 2px) + var(--v-titlebar-button-horizont-padding, 6px) * 6 + var(--v-titlebar-button-image-width, 12px) * 3) !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar][data-l10n-id="browser-main-window-mac"] #TabsToolbar .titlebar-buttonbox-container {
visibility: visible !important;
display: -moz-box !important;
position: absolute !important;
display: flex !important;
top: 0 !important;
}
}

@-moz-document url("chrome://browser/content/browser.xhtml") {
:root[tabsintitlebar]:not([customizing],[inFullscreen],[chromehidden~="toolbar"]) #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab[selected="true"]::before {
--v-titlebar-top: 4px; /* отступ сверху */
inset-inline-start: 12px !important; /* отступ в начале */
inset-inline-end: 110px !important; /* отступ в конце */
text-align: start !important; /* выравнивание текста */
font-family: inherit !important; /* имя шрифта */
font-size: inherit !important; /* размер шрифта */
font-weight: inherit !important; /* начертание шрифта */
font-style: inherit !important; /* стиль шрифта */

position: fixed !important;
content: attr(label) !important;
display: block !important;
top: var(--v-titlebar-top) !important;
white-space: nowrap !important;
line-height: 1.3em !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
pointer-events: none !important;
color: -moz-DialogText !important;
text-shadow: none !important;
opacity: 1 !important;
z-index: 3;
}

:root[tabsintitlebar]:-moz-lwtheme:not([customizing],[inFullscreen],[chromehidden~="toolbar"]) #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab[selected="true"]::before {
color: var(--lwt-text-color, inherit) !important;
text-shadow: inherit !important;
}
@media (-moz-windows-compositor), (-moz-os-version: windows-win7) and (-moz-windows-default-theme) {
:root[tabsintitlebar][sizemode="maximized"]:not([customizing],[inFullscreen],[chromehidden~="toolbar"]) #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab[selected="true"]::before {
top: calc(var(--v-titlebar-top) + 8px) !important;
}
}
@media (-moz-windows-classic) {
:root[tabsintitlebar]:not([customizing],[inFullscreen],[chromehidden~="toolbar"]) #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab[selected="true"]::before {
top: calc(var(--v-titlebar-top) + 4px) !important;
}
}
}

:root:not([uidensity="touch"]) {
--tab-min-height: 24px !important;
}

/* non_active_tab_shape */
@supports -moz-bool-pref("browser.proton.enabled") {

.tabbrowser-tab:not(:hover) > .tab-stack > .tab-background:not([selected=true], [multiselected]) {
background-color: color-mix(in srgb, currentColor 11%, transparent);
}

.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true], [multiselected]) {
background-color: color-mix(in srgb, currentColor 17%, transparent) !important;
}

}

.tab-icon-overlay[muted]:not([crashed]),
.tab-icon-overlay[soundplaying]:not([crashed]) {
margin-inline-start: 20px !important; /* отступ от левого края вкладки */
margin-inline-end: 2px !important; /* отступ от заголовка вкладки */
padding: 1px !important; /* размер динамика */
}
:root[uidensity="compact"] .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > :not(.tab-icon-overlay), #tabbrowser-tabs[secondarytext-unsupported] .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > :not(.tab-icon-overlay), :root:not([uidensity="compact"]) #tabbrowser-tabs:not([secondarytext-unsupported]) .tabbrowser-tab:not(:hover) .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]), :root:not([uidensity="compact"]) #tabbrowser-tabs:not([secondarytext-unsupported]) .tabbrowser-tab:hover .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > :not(.tab-icon-overlay) {
opacity: 1 !important;
}

#tabbrowser-tabs:not([secondarytext-unsupported]) .tab-label-container {
height: auto !important;
}

Отредактировано Xenosag (11-02-2022 10:28:51)

sandro79 · №11847

Xenosag пишет

вероятно конфликтует с чем-то, не работает

Вот с этим: @supports -moz-bool-pref("browser.proton.enabled") {
browser.proton.enabled уже не существует, вот актуальный стиль https://github.com/Aris-t2/CustomCSSfor … ced.css#L6
Удалите в своём коде (скриншот) @supports -moz-bool-pref("browser.proton.enabled") { и одну закрывающую скобку }

Xenosag · №11848

sandro79

спасибо, помогло.

blazah · №11849

unter_officer пишет

https://forum.mozilla-russia.org/viewto … 10#p784310

Спасибо, получилось. А ещё вопрос, накатывал тут разные стили, по ссылкам. Везде в меню стали выводиться иконки, в том числе и в верхнем меню, чего нет в стоке. Как их убрать и где смотреть?. И ещё если убрать верхнее меню, то само меню убирается, а вот место под ним не схлопывается наверх, просто пустое остаётся. Как это поправить?
Вот мой userchrome.css

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

https://disk.yandex.ru/d/JvkaO5mhl7tLBA

Вот мой usecontent.css

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

https://disk.yandex.ru/d/tJjJEZiEA1asxQ

unter_officer · №11850

blazah пишет

И ещё если убрать верхнее меню, то само меню убирается, а вот место под ним не схлопывается наверх, просто пустое остаётся. Как это поправить?

Установить скрипт.
Ссылка таже, которую я давал выше: https://forum.mozilla-russia.org/viewto … 10#p784310, второй спойлер.

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

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