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

kokoss · №14276

vending_machine пишет

Можно ли увеличить шрифт в отдельных пунктах контекстного меню;

Код:

menuitem#context-selectall {
    font-size: 18px !important;
}

vending_machine · №14277

kokoss пишет

скрытый текст
vending_machine пишет
Можно ли увеличить шрифт в отдельных пунктах контекстного меню;
Выделить код
Код:
menuitem#context-selectall {
    font-size: 18px !important;
}

Спасибо.
И без menuitem сработало.

Отредактировано vending_machine (13-03-2025 15:29:58)

Mozillafire · №14278

Помогите увеличить высоту вкладок, а то только обновил браузер за 2 года, а тут всё поменялось. Раньше изменял файл classic_squared_tabs.css, но этот код уже не работает.

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

/* Изменить цвет обычных вкладок */
tab {
background-color: #e0e6ed !important;
color: black !important;
border-radius: 11px 11px 0px 0px !important;
}

/* Изменить цвет активной вкладки */
tab{
-moz-appearance: none !important;
}
tab[selected="true"] {
background-color: #f7f9fa !important;
border-radius: 11px 11px 0px 0px !important;
border-top:0px solid #444 !important;
}

.tab-background[selected="true"] {
border-radius: 11px 11px 0px 0px !important;
border-top:0px solid !important;
background-color: unset !important;
}

/* Уменьшить высоту вкладок */
#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
min-height: 26px !important;
}

/* Proton compatibility */
@media (-moz-proton) {

#main-window {
--tab-min-height: 8px !important;
}

.tabbrowser-tab:not([pinned]) .tab-content .close-icon,
:root[uidensity=touch] .tabbrowser-tab:not([pinned]) .tab-content .close-icon {
width: 18px !important;
height: 35px !important;
padding: 2px !important;
-moz-margin-end: -6px !important;
}

Тоторо · №14279

browser.compactmode.show не работает в 136 на закладках и прочих меню (апд. нужен browser.uidensity 1), плюс шрифт и разделители слишком тонкие и бледные. У кого-нибудь стиль для них есть, хотя бы названия элементов?

Еще желтые значки папок превратились в 6 микро-папок на одном значке. Значки Панель закладок и другие закладки работают нормально. Был этот стиль.

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

Выделить код

Код:

/*жёлтые папки*/
#editBMPanel_chooseFolderMenuItem .menu-iconic-icon,
treechildren::-moz-tree-image(title, container),
treechildren::-moz-tree-image(title, query, hostContainer) {
 list-style-image: url("./image/folder-item.png")!important;
 -moz-image-region: rect(0px, 32px, 16px, 16px) !important;
}

treechildren::-moz-tree-image(title, open) {
 -moz-image-region: rect(16px, 32px, 32px, 16px) !important;
}

treechildren::-moz-tree-image(title, container, livemark) {
 list-style-image: url("./image/feedIcon16.png") !important;
 -moz-image-region: auto !important;
}

#editBMPanel_folderMenuList:-moz-any([label="Bookmarks Toolbar"],[label="Lesezeichen-Symbolleiste"]) .menulist-icon,
#editBMPanel_toolbarFolderItem .menu-iconic-icon,
treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksToolbar),
treechildren::-moz-tree-image(container, queryFolder_toolbar_____) {
 list-style-image: url("./image/bookmarksToolbar.png") !important;
 -moz-image-region: auto !important;
}

#editBMPanel_folderMenuList:-moz-any([label="Bookmarks Menu"],[label="Lesezeichen-Menü"]) .menulist-icon,
#editBMPanel_bmRootItem .menu-iconic-icon,
treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksMenu),
treechildren::-moz-tree-image(container, queryFolder_menu________) {
 list-style-image: url("./image/bookmarksMenu.png") !important;
 -moz-image-region: auto !important;
}

#editBMPanel_folderMenuList:-moz-any([label="Other Bookmarks"],[label="Weitere Lesezeichen"]) .menulist-icon,
#editBMPanel_unfiledRootItem .menu-iconic-icon,
treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks),
treechildren::-moz-tree-image(container, queryFolder_unfiled_____) {
 list-style-image: url("./image/unsortedBookmarks.png") !important;
 -moz-image-region: auto !important;
}

treechildren::-moz-tree-image(title, query),
treechildren::-moz-tree-image(query) {
 list-style-image: url("./image/query.png") !important;
 -moz-image-region: auto !important;
}

treechildren::-moz-tree-image(title, query, dayContainer) {
  list-style-image: url("./image/calendar.png") !important;
  -moz-image-region: auto !important;
}

treechildren::-moz-tree-image(query, OrganizerQuery_History),
treechildren::-moz-tree-image(query, OrganizerQuery_history____v),
treechildren::-moz-tree-image(title, query, dayContainer) {
  list-style-image: url("./image/calendar.png") !important;
  -moz-image-region: auto !important;
}


treechildren::-moz-tree-image(query, OrganizerQuery_allbms_____v) {
  list-style-image: url("chrome://browser/skin/bookmark.svg") !important;
  -moz-image-region: auto !important;
}

treechildren::-moz-tree-image(query, OrganizerQuery_downloads__v) {
  list-style-image: url("./image/download-icons.svg#arrow-with-bar") !important;
  -moz-image-region: auto !important;
}

.bookmark-item[container] {
  list-style-image: url("./image/folder-item.png") !important;
  -moz-image-region: rect(0px, 32px, 16px, 16px) !important;
}

.bookmark-item[container][open] {
  -moz-image-region: rect(16px, 32px, 32px, 16px) !important;
}

.bookmark-item[container][livemark] {
  list-style-image: url("./image/livemark-folder.png") !important;
  -moz-image-region: auto !important;
}

.bookmark-item[container][livemark] .bookmark-item {
  list-style-image: url("./image/livemark-item.png") !important;
  -moz-image-region: rect(0px, 16px, 16px, 0px) !important;
}

.bookmark-item[container][livemark] .bookmark-item[visited] {
  -moz-image-region: rect(0px, 32px, 16px, 16px) !important;
}

.bookmark-item[container][query] {
  list-style-image: url("./image/query.png") !important;
  -moz-image-region: auto !important;
}

#scrollbutton-up .toolbarbutton-icon,
#scrollbutton-down .toolbarbutton-icon {
  -moz-image-region: auto !important;
}

treechildren::-moz-tree-image(title, query, tagContainer),
treechildren::-moz-tree-image(query, OrganizerQuery_tags_______v),
.bookmark-item[query][tagContainer] {
  list-style-image: url("./image/tag.png") !important;
  -moz-image-region: auto !important;
}

.bookmark-item[query][dayContainer] {
  list-style-image: url("./image/calendar.png") !important;
  -moz-image-region: auto !important;
}

.bookmark-item[query][hostContainer] {
  list-style-image: url("./image/folder-item.png") !important;
  -moz-image-region: rect(0px, 32px, 16px, 16px) !important;
}

.bookmark-item[query][hostContainer][open] {
  list-style-image: url("./image/folder-item.png") !important;
  -moz-image-region: rect(16px, 32px, 32px, 16px) !important;
}

/* Bookmarks roots menu-items */
#subscribeToPageMenuitem:not([disabled]),
#subscribeToPageMenupopup {
  list-style-image: url("./image/feedIcon16.png") !important;
}

#bookmarksToolbarFolderMenu,
#BMB_bookmarksToolbar,
#panelMenu_bookmarksToolbar {
  list-style-image: url("./image/bookmarksToolbar.png") !important;
  -moz-image-region: auto !important;
}

#menu_unsortedBookmarks,
#BMB_unsortedBookmarks,
#panelMenu_unsortedBookmarks {
  list-style-image: url("./image/unsortedBookmarks.png") !important;
  -moz-image-region: auto !important;
}

/*жёлтые папки при добавлении в закладки*/
#editBMPanel_folderMenuList[selectedGuid="toolbar_____"] {
	list-style-image: url("./image/bookmarksToolbar.png") !important;
 -moz-image-region: auto !important;
}

#editBMPanel_folderMenuList[selectedGuid="menu________"] {
 list-style-image: url("./image/bookmarksMenu.png") !important;
 -moz-image-region: auto !important;
}

#editBMPanel_folderMenuList[selectedGuid="unfiled_____"] {
  list-style-image: url("./image/unsortedBookmarks.png") !important;
  -moz-image-region: auto !important;
}
.folder-icon {
	list-style-image:  url("./image/folder-item.png") !important;
  -moz-image-region: rect(0px, 32px, 16px, 16px) !important;
}

Может, обрезать для них отдельную png только с желтой папкой?

апд. В общем, обрезать и задать новую png сработало

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

Выделить код

Код:

list-style-image: url("./image/folder-new.png")!important;
 -moz-image-region: auto !important;

И какое сейчас название у адресной панели (?), с адресной строкой и кнопками вперед-назад которая, хочу padding/высоту снова уменьшить на несколько пикселей.

Отредактировано Тоторо (16-03-2025 01:51:59)

Тоторо · №14280

kokoss пишет

vending_machine пишетМожно ли увеличить шрифт в отдельных пунктах контекстного меню;Выделить кодКод:menuitem#context-selectall {
font-size: 18px !important;
}

А можно к этому еще сам шрифт сменить (какой раньше был?), все равно тонким остается? И может быть, цвет шрифта?
Или здесь можно через font-weight что-то сделать?

Отредактировано Тоторо (15-03-2025 23:01:11)

vending_machine · №14281

Тоторо пишет

И может быть, цвет шрифта?

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

/* строки меню выделять каким либо цветом */
#context_pinTab {
color: RED !important;
}

kokoss · №14282

Тоторо пишет

А можно к этому еще сам шрифт сменить (какой раньше был?), все равно тонким остается? И может быть, цвет шрифта?

Выделить код

Код:

font-weight:... толщина
font-family:... шрифт
color:... цвет

Тоторо · №14283

Вообще, кажется, у 136 с системными шрифтами проблема с DPI. Всё тонкое, даже на этом сайте.

Добавлено 16-03-2025 00:31:07
Почему этот стиль не работает в 136?

#private-browsing-indicator-with-label { display: none !important;}
.private-browsing-indicator-icon {height: 24px !important; width: 24px !important;}

Добавлено 16-03-2025 00:35:33
И как убрать "Поиск в журнале"?
апд. для журнала и закладок

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

Выделить код

Код:

/*убрать "Искать в"*/
#menu_searchBookmarks, #panelMenu_searchBookmarks,
#menu_searchHistory, #panelMenu_searchHistory {display: none !important;}

kokoss, vending_machine, спасибо!

Отредактировано Тоторо (16-03-2025 01:56:32)

Тоторо · №14284

Как сделать, чтобы вот это заработало?

body:-moz-lwtheme {color-scheme: light !important;}

Тоторо · №14285

Как обратно инструменты браузера включить, если случайно нажато "отключить" :rolleyes:

И как убрать всплывающие картинки при наведении на название соседних вкладок (мельтешат в приватном просмотре почему-то, в обычном их нет). А у оставшихся текстовых подсказок выпрямить углы и переключить на светлую тему или вручную цвета задать)?
апд. Это browser.tabs.hoverPreview.enabled false, и не надо ничего перекрашивать.

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

И вот это как-то исправить, чтобы не со всех сторон обводка была, а только сверху

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

Выделить код

Код:

/*обводка активной вкладки в ff106+*/
#tabbrowser-tabs { --lwt-tab-line-color: rgba(0, 0, 0, 0) !important;}

/* Emulate blue tab line from Photon 57-88 UI */
/* Set size and position of the bar relative to background */
.tab-background::before {
  content: "";
  display: block;
  height: 2px;
  margin: -1px var(--user-tab-rounding) 0;
}

Отредактировано Тоторо (16-03-2025 05:48:12)

Тоторо · №14286

Почему menuitem без лишних модификаторов работает на обычных закладках, истории и контекстном меню, но не работает на папках и спец. папках (панель закладок, другие, недавно добавленные, последние метки)? Как их обозначить? И как сменить цвет-толщину у стрелок, которые в папках с края показывают, что это папка, а не просто ссылка?

Отредактировано Тоторо (16-03-2025 05:55:10)

Xenosag · №14287

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

Отредактировано Xenosag (16-03-2025 06:22:20)

eksman · №14288

Перестал работать код для увеличения шрифта адресной строки. Подскажите, есть способ починить?

Выделить код

Код:

#urlbar {
    font-size: 25px !important;
}

UPD: разобрался... оказывается, в новой версии мешает строка @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); в самом начале userChrome.css
Я так понял ее можно теперь не указывать и ни на что не влияет?

Отредактировано eksman (16-03-2025 10:38:06)

Profa · №14289

Каким кодом можно уменьшить высоту панели инструментов и адресной строки в Фаерфокс 115?

Тоторо · №14290

Profa пишет

Каким кодом можно уменьшить высоту панели инструментов и адресной строки в Фаерфокс 115?

Попробуйте сначала в about:config переключить browser.uidensity на 1.

Кстати об адресной строке, #urlbar-input-container похоже не работает, кто сейчас вместо него?

И вообще, в каких файлах лежат вшитые стили [firefox] , напомните, пожалуйста, кто-нибудь?

Отредактировано Тоторо (16-03-2025 12:37:47)

kokoss · №14291

Profa пишет

Каким кодом можно уменьшить высоту панели инструментов и адресной строки в Фаерфокс 115?

У меня так:

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

Выделить код

Код:

@-moz-document url("chrome://browser/content/browser.xhtml") {
:root {
  --toolbar-start-end-padding: 1px !important;
  --toolbarbutton-inner-padding: 4px !important;
  --toolbarbutton-outer-padding: 1px !important;
  --toolbarbutton-hover-background: var(--button-hover-bgcolor);
  --toolbarbutton-active-background: var(--button-active-bgcolor);
  --toolbarseparator-color: color-mix(in srgb, currentColor 60%, transparent);
  --bookmark-block-padding: 1px !important;
  --toolbarbutton-height: 0;
  --urlbar-min-height: 26px !important;
  --urlbar-icon-padding: 4px !important;
  --urlbar-container-padding: 0px;
  --lwt-brighttext-url-color: aqua;
}
}

eksman
попробуйте так:

Выделить код

Код:

#urlbar-input, #urlbar-scheme, #urlbar-results {

Add:

строка @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

можете смело удалить.

Отредактировано kokoss (16-03-2025 13:01:48)

green25 · №14292

Кто знает в 115 не работает

Выделить код

Код:

#toolbar-menubar toolbarpaletteitem[place="toolbar"][id^="wrapper-customizableui-special-spring"], 
#toolbar-menubar > toolbarspring {
    max-width: none !important;
  
}

*|*:root:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbarspring,spacer,[id^="wrapper-customizableui-special-spring"]) {
    flex-grow: 1 !important;
}

Profa · №14293

Большое Вам, глубокоуважаемый kokoss, спасибо!
С Вашим скрытым кодом всё получилось так. как я хотел!
Благодарю!

Добавлено 16-03-2025 13:09:52
Может быть Вы, глубокоуважаемый kokoss, как настоящий знаток, уже не раз меня выручавший, подскажете и ответ на мой вопрос в конце предыдущей страницы, который остался без ответа, и я его повторю:
В новом Firefox 136 перестал правильно работать прежний userChrome, обеспечивавший порядок: вверху закладки, ниже адресная строка, ещё ниже - открытые вкладки. А как снова сделать, чтобы закладки были вверху, а вкладки ниже адресной строки?
Чтобы не было удивления, скажу, что Firefox 115 у меня установлен на стационарном компьютере с Виндовс 7, а на новом ноутбуке с Виндовс 11 стоит Firefox 136. Поэтому и вопросы мои вроде бы об одном и том же, но на деле для разных версий Firefox.

Отредактировано Profa (16-03-2025 13:09:52)

kokoss · №14294

Тоторо пишет

Как обратно инструменты браузера включить,

https://firefox-source-docs.mozilla.org … index.html

Profa пишет

В новом Firefox 136 перестал правильно работать прежний userChrome, обеспечивавший порядок: вверху закладки, ниже адресная строка, ещё ниже - открытые вкладки. А как снова сделать, чтобы закладки были вверху, а вкладки ниже адресной строки?

С этим не подскажу, тем более с [firefox] 136, этим занимается Aris-t2, но он пока не обновлял свои стили для актуальных версий

Add, и заканчивайте уже с "глубокоуважаемый"

Profa · №14295

Спасибо Вам за ясный и быстрый ответ!

fuchsfan · №14296

Profa

Profa пишет

В новом Firefox 136 перестал правильно работать прежний userChrome, обеспечивавший порядок: вверху закладки, ниже адресная строка, ещё ниже - открытые вкладки.

Могу предложить порядок

строка адреса
закладки
вкладки

eksman · №14297

kokoss пишет

можете смело удалить.

Спасибо! Да, в принципе уже протестил, сейчас эта строка ни на что не влияет.

Вот еще хотелось бы иметь возможность скрыть некоторые расширения из oferflow menu (#unified-extensions-view), ибо у меня там их много
Вот интересно, это в принципе реализуемо с помощью userChrome.css или нет?
Пока лишь нашел способ сделать их более компактными.

https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/compact_extensions_panel.css

kokoss · №14298

eksman пишет

Вот интересно, это в принципе реализуемо с помощью userChrome.css или нет?

Да, это реализуемо, пример:

Выделить код

Код:

#addon_darkreader_org-browser-action {
  display: none;
}

Тоторо · №14299

kokoss пишет

https://firefox-source-docs.mozilla.org … index.html

Спасибо большое!

Ахаха, #private-browsing-indicator-with-label теперь .private-browsing-indicator-label

eksman · №14300

kokoss
А где брать имена расширений для такого метода? Я так понимаю отсюда не пойдет about:debugging#/runtime/this-firefox

Объявление

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

Add, и заканчивайте уже с "глубокоуважаемый"

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