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

Хотите узнать больше о расширениях? Посмотрите ролики, рассказывающие о работе с расширениями Firefox.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 27-05-2023 11:35:05

Вит пишет

можно ли сделать чуть уже поле при раскрытии Папок закладок, в которых так же есть папки?

Если правильно понял, то так можно

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

Выделить код

Код:

.bookmark-item[container] :is(menu, menuitem) {
  max-width: 160px !important;
}

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 20-05-2023 20:25:28

yuriymos пишет

убрать из поля "Поиск" значок лупы

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

Выделить код

Код:

.searchbar-search-button {
  display: none !important;
}

И чуть от края сдвинуть текст

Выделить код

Код:

.searchbar-textbox {
  margin-inline-start: 6px !important;
}

Можно использовать скрипт возврата значков поисковика.[spoiler=мой вариант]______.png[code]// 'Search engine icon in search bar' script for Firefox 60+ by Aris
//
// Feature: search button shows current search engines icon (like with old search)
// based on 'alternative_searchbar.uc.js'
// Fx 77+ fix provided by anomiex

var tries = 30;
var init = function() {
  // Sometimes search interface is not being created in time. Retry (up to 30 times) until it does.
  try {
    document.getElementById("searchbar").currentEngine;
  } catch(e) {
    if (--tries > 0) {
      setTimeout(init, 1000);
    }
  }

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 19-05-2023 21:52:39

yuriymos пишет

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

Да, так можно

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

Выделить код

Код:

toolbar .toolbaritem-combined-buttons {
  margin-inline: 0.5px !important;
}


Это можно ещё добавить для компактности

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

Выделить код

Код:

#unified-extensions-button {
  margin-inline: -2px !important;
}

#urlbar-container, #search-container {
  --urlbar-margin-inline: 2px;
}

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 19-05-2023 18:17:23

yuriymos пишет

Как избавиться от значка мультконтейнера и звездочки в адресной строке?

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

Выделить код

Код:

#pageAction-urlbar-_testpilot-containers, #star-button-box {
  display: none !important;
}

А те, что выше, коды должны исправно работать, может конфликтуют с какими-то вашими стилями. Я проверял их на актуальном [firefox]
Можно так было ещё попробовать, но если разобрались по-другому, то необязательно
скрытый текст

Выделить код

Код:

#tabbrowser-tabs .tabbrowser-tab {
  padding: 0 0.5px !important;
}

Этот код уменьшает пространство меж закреплённой и первой вкладкой

Выделить код

Код:

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

Второй код "вытягивает" содержимое вкладки к краям, можно так его переписать
скрытый текст

Выделить код

Код:

#tabbrowser-tabs .tab-content {
  padding: 0 6px !important;
}

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 19-05-2023 14:43:39

yuriymos пишет

А как уменьшить расстояние между вкладками?

Так уменьшить можно

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

Выделить код

Код:

#tabbrowser-tabs .tabbrowser-tab {
  margin-inline: -1.5px !important;
}

Я хочу, чтобы текст левой вкладки ближе подходил к значку правой вкладки

Так попробуйте

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

Выделить код

Код:

#tabbrowser-tabs .tab-content {
  --inline-tab-padding: 6px;
}

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 18-05-2023 14:49:46

shurff пишет

А какой код нужен, чтоб цвет ярлыков папок закладок в боковой панели сменить на желтый?

Этот код можно использовать, если сменить chrome://browser/skin/places/folder.svg на chrome://global/skin/icons/folder.svg[spoiler=userContent.css][code]@-moz-document url(chrome://global/skin/icons/folder.svg) {
    *|svg {
        background: no-repeat url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACiklEQVQ4T5WTX0hTURzHv3dbu80tV7lNbTacLvTiNpe6GgYlRA0RIVGpkF58KKHAB3sppin0bAS+9EcIzYcikYqsoCgJERvLJDK11JxDSEmjv5Z393Tuudtw2ks/uPf87u93zud8f79zLgdqn0YbWnmD8QKRJBA5QI1IUUiiSB1AXF1lo/ySomKb1Xu9NTYNnOwsT54lOtMe8MbieHzDuDjRB3NeFeaG22Ar7WLrZGPOkgzYXgDeYGG7JIzQNEfAaTxYHO+EaddBhIevIHt/90aA3uyFWqtRiGuN8ji+BPMjl5DpqkQ4eAP29YDP403EYCmCWq3UGTfZk4Eq3T7MBS/CWliDcKgHOQduJiuQASkmJ1ScmKyAEuQqNIYyTL9oRrb3KMIjd5Bb1vP/gA/PzyHHV/dvwMKbRrLFUkD79ZOpJ5yyAe0fK0lj9GPi2Xk49tYiMnofoib1lj5V35LlaZ9kM+eCJ0ma1QV

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 19-04-2023 01:00:35

Ник 22 пишет

как задать цвет вкладки при воспроизведении видео

Именно с видео, вряд ли стилем получится, можно вкладку со звуком

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

Выделить код

Код:

.tabbrowser-tab[soundplaying="true"] .tab-background {
  background-color: green !important;
  background-image: none !important;
}

или так

Выделить код

Код:

.tabbrowser-tab[indicator-replaces-favicon="true"] .tab-background {
  background-color: green !important;
  background-image: none !important;
}

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 24-03-2023 21:35:23

metal77 пишет

Минусы только - окна стали появляться далековато от кнопок

Так попробуйте

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

Выделить код

Код:

.cui-widget-panel:not(#appMenu-popup) {
  transform: scale(0.75);
  transform-origin: top right;
}

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 23-03-2023 00:12:31

Skarm пишет

кто подскажет как исправить код

А тут похоже уже не исправить. Со 112 поддержка -moz-image-region, как вижу в инспекторе, - удалена. Нет давно в браузере таких иконок.

как можно поднять Вверх отображение statusbar

Так он и так вверху в 112+ с вашим кодом, только растянут сверху донизу.
Добавление bottom: auto !important; спасает положение, а margin-top, кажется, можно и не использовать

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

Выделить код

Код:

#statuspanel {
  position: absolute !important;
  top: -30px !important;
  bottom: auto !important;
}

Так будет корректнее, я думаю
скрытый текст

Выделить код

Код:

#statuspanel:not([hidden]) {
  top: -30px !important;
  bottom: auto !important;
}

или

Выделить код

Код:

#statuspanel:not([hidden]) {
  padding-top: 0 !important;
  bottom: auto !important;
}


Ещё в 112+ фон значка открепления видео картинки в картинке стал квадратным, можно исправить одним из кодов в userContent.css[spoiler][code].pip-wrapper:not(.experiment) > .pip-small {

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 18-03-2023 22:01:56

Inko7 пишет

мне же нужно удалить строки активных расширений, которыми не пользуюсь или они в списке просто не нужны

Теперь понятно, а то я тоже сначала на .unified-extensions-list подумал. Сейчас посмотрел, можно по label через запятую названия аддонов прописать

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

Выделить код

Код:

#unified-extensions-panel toolbaritem.unified-extensions-item:is([label="Return YouTube Dislike"],[label="SaveFrom.net помощник"]) {
  display: none;
}

как\чем скопировать селектор?

https://forum.mozilla-russia.org/viewto … 58#p758758

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 17-03-2023 22:35:59

Inko7 пишет

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

Ковырялся недавно в этом меню, сейчас несколько селекторов добавил

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

Выделить код

Код:

.unified-extensions-item-message, 
.unified-extensions-list,
.unified-extensions-item-contents,
#unified-extensions-manage-extensions,
#unified-extensions-panel toolbarseparator:last-of-type {
  display: none !important;
}
#unified-extensions-panel .unified-extensions-item {
  padding-block: 0px !important;
  --uei-icon-size: 18px;
}
.unified-extensions-item-menu-button.subviewbutton {
  padding: 4px !important;
}

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 15-03-2023 19:46:54

Вит пишет

Мне хотелось бы что бы такое выделение было и по ПКМ:там где Вырезать-Скопировать и т.д.

Попробуйте такой вариант

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

Выделить код

Код:

:is(menu:where([_moz-menuactive="true"]:not([disabled="true"])),
menuitem:where([_moz-menuactive="true"]:not([disabled="true"]))):not(#context-navigation > .menuitem-iconic[_moz-menuactive="true"],#main-menubar > menu, 
#context-navigation > .menuitem-iconic[_moz-menuactive="true"] > .menu-iconic-left > .menu-iconic-icon) {
  background-color: #d2e1f1 !important;
  border-radius: 2px !important;
  outline: 1px solid #92b6e6;
  outline-offset: -1px;
}

А вообще, мне кажется, лучше переключить настройку browser.display.windows.non_native_menus в 0,
и вернутся старые привычные допротоновские меню, с практически таким же выделением.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 11-03-2023 23:00:38

death7lord пишет

скрытия строк "Метки" и "Ключевое слово"

скрытый текст
Чтоб скрыть и во вкладке chrome://browser/content/places/places.xhtml, код добавить и в userContent.css

Выделить код

Код:

.editBMPanel_tagsRow,
.editBMPanel_keywordRow {
  display: none !important;
}

#detailsPane {
  height: auto !important;
  min-height: auto !important;
}

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 10-03-2023 19:23:21

woe495 пишет

какой цвет (background и border) используется в выпадающем меню Панель меню

Ну судя по инспектору инструментов браузера, похоже, что background-color: Menu; и border: 1px solid ThreeDShadow;
Если пипеткой брать с вашего скришота, то #f0f0f0 и #b1b1b1

какой цвет используется для наведения (закладки и папки) в выпадающем меню Панель закладок

--button-hover-bgcolor: color-mix(in srgb, currentColor 17%, transparent);
--button-active-bgcolor: color-mix(in srgb, currentColor 30%, transparent);
Смотрите css-стили браузера переходом по адресам: chrome://global/skin/popup.css, chrome://browser/skin/customizableui/panelUI-shared.css, chrome://browser/skin/browser-shared.css


Так ещё можно для пунктов меню панели закладок цвета задать [spoiler][code]toolbarbutton menupopup[placespopup] > :is(menu, menuitem):not([disabled]) {
  --panel-item-hover-bgcolor

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 09-03-2023 19:29:53

woe495 пишет

Как добиться, чтобы такой же цвет наведения (закладки и папки) был и в выпадающем меню

Так попробуйте

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

Выделить код

Код:

toolbarbutton menupopup[placespopup] > :is(menu, menuitem):not([disabled])[_moz-menuactive] {
  background-color: #d2e1f1 !important;
  border-radius: 2px !important;
  outline: 1px solid #92b6e6;
  outline-offset: -1px;
}

или
скрытый текст

Выделить код

Код:

toolbarbutton menupopup[placespopup] > :is(menu, menuitem) {
  appearance: auto !important;
}

Новости » Вышел Firefox 110.0 » 27-02-2023 21:47:20

unter_officer пишет

но делал не по ID, а по label

Да, так гораздо универсальней, - меняется ещё и в строке адреса, в строке поиска, в меню добавления/редактирования закладки.
Я чуть резанул стиль, в плане перечисления label, вроде корректно работает, может кому пригодится[spoiler=скрытый текст][spoiler][code]menuitem:is([label="Скопировать"],[label="Скопировать ссылку"],[label="Скопировать изображение"],[label="Скопировать ссылку на изображение"],[label="Скопировать ссылку на видео"]) > label,
#menu_copy > hbox > label {
  display: none;
}
menuitem[label="Скопировать"]::before {
  content: "Копировать";
}
menuitem[label="Скопировать ссылку"]::before {
  content: "Копировать ссылку";
}
menuitem[label="Скопировать изображение"]::before {
  content: "Копировать изображение";
}
menuitem[label="Скопировать ссылку на изображение"]::before {
  content: "Ссылка на изображение";
}
menuitem[label="Скопировать ссылку на видео"]

Новости » Вышел Firefox 110.0 » 23-02-2023 14:05:37

ifln пишет

В 102.8.0esr не срабатывает

И не должно очевидно
Так должно сработать, правда на [windows] 10 не проверял, но должно работать:

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

Выделить код

Код:

:is(#context-copy,#placesContext_copy,#context-copylink,#context-copyimage-contents,#context-copyimage) > label {
  display: none;
}
:is(#context-copy,#placesContext_copy)::before {
  content: "Копировать";
}
#context-copylink::before {
  content: "Копировать ссылку";
}
#context-copyimage::before {
  content: "Копировать ссылку на изображение";
}
#context-copyimage-contents::before {
  content: "Копировать изображение";
}

Для [windows] 7 нужно добавить

Выделить код

Код:

:is(#context-copy,#placesContext_copy,#context-copylink,#context-copyimage-contents,#context-copyimage)::before {
  margin-inline-start: 32px;
}

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 18-02-2023 00:26:30

Djon776 пишет

как уменьшить интервал (расстояние) или высоту контекстного меню (когда нажимаешь правой клавишей мыши)?

№12608 или так

Новости » Вышел Firefox 110.0 » 16-02-2023 01:46:23

ofizer пишет

Да, весьма непривычно. Тем паче, что копируем много.

Если сильно напрягает, что естественно, то можно переименовать через userChrome.css
Только .css-файл обязательно должен быть в кодировке UTF-8, иначе вместо текста будут кракозябры отображаться.
Я делал и проверял на [windows] 7, а  для [windows] 10, из кода, если не ошибаюсь, нужно margin-inline-start: 32px; удалить

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

Выделить код

Код:

:is(#context-copy,#placesContext_copy) > .menu-text {
    display: none;
}
:is(#context-copy,#placesContext_copy)::before {
    content: "Копировать";
    display: inline-block;
    margin-inline-start: 32px;
}

#context-copylink > .menu-text {
    display: none;
}
#context-copylink::before {
    content: "Копировать ссылку";
    display: inline-block;
    margin-inline-start: 32px;
}

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 12-01-2023 19:08:51

dioxin пишет

А можно ли настроить как в 78 версии, если принудительно назначаю цвет фона для всех страниц, то автоматически скрывается реклама, которую... ...или белый фон вылезает

У себя в 78, как и в актуальных версиях, при принудительно назначенном цвете фона для всех страниц, вижу белый фон только на ixbt.com, из примерно десятка просмотренных.
А чтоб не видеть рекламу, попробуйте связку uBlock Origin + Tampermonkey + RU AdList JS Fixes

Для ixbt.com стиль в userContent.css

Выделить код

Код:

@-moz-document domain("ixbt.com") {
#pagebody {
  background-color: gray !important;
}
}

Профильная тема для настройки страниц сайтов здесь

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 08-01-2023 22:29:08

dioxin пишет

Когда я применяю настройки "Заменять цвета указанные страницей, на выбранные выше цвета - Всегда", они становятся чёрные

Может так в about:config. Можно вообще поменять вид полос в userContent.css кодом:

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

Выделить код

Код:

* {
  scrollbar-color: grey transparent !important; /* цвет ползунка серый с прозрачной полосой */
  scrollbar-width: thin !important; /* узкие полосы */ 
}

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 06-01-2023 10:21:44

mfrost пишет

буду очень признателен за код который будет работать везде

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

Выделить код

Код:

#placesContext_open\:newwindow, 
#placesContext_open, 
#context-openlink {
  -moz-box-ordinal-group: 0;
}
/* убрать жирный шрифт для "открыть в новой вкладке" */
#placesContext_open\:newtab {
  font-weight: normal !important;
}

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 19-12-2022 22:14:41

eugenikus8 пишет

Как в 108 лисе сделать панель закладок как на скрине "было", чтобы отбражались только значки

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

Выделить код

Код:

#PlacesToolbarItems > .bookmark-item:not(:hover,[open]) > .toolbarbutton-text {
  display: none !important;
}

И отступы уменьшить, если нужно
скрытый текст

Выделить код

Код:

toolbarbutton.bookmark-item:not(.subviewbutton) {
  margin: 1px !important;
  padding: 1px !important;
}

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 18-12-2022 10:45:08

xrun1 пишет

А вот для шеврона >> не срабатывает

Так должно сработать

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

Выделить код

Код:

/* раскраска иконок на панели закладок, по аналогии с предыдущим стилем для боковой панели */
#PlacesToolbarItems > toolbarbutton.bookmark-item:hover:not([open]), #PlacesChevron:hover:not([open]) > .toolbarbutton-icon {
  background-color: blue !important;
  color: white !important;
  fill: white !important;
}

#PlacesToolbarItems > toolbarbutton.bookmark-item[open="true"], #PlacesChevron[open="true"] > .toolbarbutton-icon {
  background-color: red !important;
  color: white !important;
  fill: white !important;
}

#PlacesToolbarItems > toolbarbutton.bookmark-item[open="true"]:not(:hover), #PlacesChevron[open="true"]:not(:hover) > .toolbarbutton-icon {
  background-color: darkred !important;
  color: white !important;
  fill: white !important;
}

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]