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

doud · №13126

Farby, к сожалению не удалилась. Добавлял в userContent.css...Потом добавил в userChrome.css и все получилось! Спасибо!

Отредактировано doud (09-06-2023 13:48:22)

_zt · №13127

6e73epo пишет

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

У меня ошибку выдает при запуске браузера. Где стиль лежать должен?

6e73epo · №13128

_zt, я делал для своей конфигурации, чтобы без дополнительных проверок. У меня портабельный браузер. Папка "chrome" находится в папке профиля вместе с папкой "chrome_debugger_profile". В папке "chrome" лежит файл userChrome_ag.css. Профиль один, имеет жестко заданное мною имя. А у тебя как все расположено? Ошибка возникает при запуске браузера или при запуске инструментов разработчика?

_zt · №13129

6e73epo
Все также, только chrome_debugger_profile у меня удаляется при выходе. Мусор не храню.
Где название профиля в скрипте? Раз об этом особо упомянуто, имя должно быть задано в скрипте.
На второй вопрос ответ в посте выше.

Отредактировано _zt (09-06-2023 19:54:15)

Тоторо · №13130

FireForce пишет

И еще хочется убрать тень (затухание) на тексте в табах.

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

Выделить код

Код:

/* <firefox_profile_dir>/chrome/userChrome.css */

hbox[class="tab-label-container"][textoverflow] {
  /* отключить градиентный эффект при обрезке заголовка вкладки */
  /* данная величина задана в файле `<firefox_installation_dir>/browser/omni.ja!/chrome/browser/content/browser/tabbrowser.css:63' */
  mask-image: unset !important; 
}

Кто-нибудь знает код для отключения в современном [firefox] ? Этот не работает.
Или чтобы поле вокруг крестика на табе при наведении курсора появлялось поверх этого градиента, а не моргало вместо него. Как было в 88- версии.

6e73epo · №13131

Тоторо, теперь vbox.

Тоторо · №13132

6e73epo пишет

Тоторо, теперь vbox.

Спасибо, сработало.

_zt · №13133

Тоторо
Когда то сочинял такое:

скрин

код

Выделить код

Код:

#tabbrowser-tabs .tab-close-button.close-icon {
    -moz-context-properties: fill, fill-opacity !important;
    color: inherit !important;
    border-radius: 1px !important;
    fill: currentColor !important;
    fill-opacity: 0 !important;
    position: relative !important;
    height: 20px !important;
    width: 20px !important;
    padding: 0 !important;
    margin-inline-start: -20px !important;
    margin-inline-end: 0px !important;
}
#tabbrowser-tabs .tabbrowser-tab:not([pinned="true"],:hover) .tab-close-button {
    display: none !important;
}
#tabbrowser-tabs .tabbrowser-tab:not([pinned="true"]):hover .close-icon:hover {
    list-style-image: url("./svg/close.svg") !important;
}
#tabbrowser-tabs .tab-label-container[textoverflow][labeldirection="ltr"]:not([pinned]) {
    mask-image: none !important;
}
#tabbrowser-tabs {
    --tab-min-width: 55px !important; /* минимальная ширина вкладок */
}
#tabbrowser-tabs[closebuttons="activetab"] > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button:not([selected="true"]) {
    display: initial !important;
}

значок

Выделить код

Код:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
  <path d="M7.21875 5.78125L5.78125 7.21875L14.5625 16L5.78125 24.78125L7.21875 26.21875L16 17.4375L24.78125 26.21875L26.21875 24.78125L17.4375 16L26.21875 7.21875L24.78125 5.78125L16 14.5625Z" fill="#FF4141" />
</svg>

Должно работать в userChrome.css. У меня же, с правами AUTHOR_SHEET, в ucf подключен.

vetall2000 · №13134

Еще на днях в 102 esr хотел установить внешний вид как в класической теме, с расцветкой вин7, как было в старых версиях 50-70, так и не разобрался с этим стилями, бессмысленно постоянно меняющимися от версии к версии.

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

Отредактировано vetall2000 (11-06-2023 13:57:44)

Тоторо · №13135

vetall2000
Можно для начала здесь повыбирать, самое раздражающее уберет https://www.userchrome.org/firefox-89-s … on-ui.html

или такое попробовать https://github.com/1280px/rainfox/blob/master/README.md тут значки более старые жирные, а не тонкие

или этот https://github.com/jannikbuscha/firefox-dracula

или в хранилище стилей поискать https://firefoxcss-store.github.io/

Тоторо · №13136

_zt
Спасибо. Мне, честно говоря, совсем без градиента не понравилось. Пытаюсь из вашего кода что-то навертеть для себя

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

Выделить код

Код:

#tabbrowser-tabs .tab-close-button.close-icon {
  position: relative !important;
  border-radius: 2px !important;
  height: 20px !important;
  width: 20px !important;
  padding: 4px !important;
  margin-inline-start: -10px !important;
  margin-inline-end: 0px !important;
}

#tabbrowser-tabs .tabbrowser-tab:not([pinned="true"],:hover) .tab-close-button {
    display: none !important;
}

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

Но хотя бы нет этой дурацкой анимации моргающего под обводкой градиента :lol:

Можно что-то сделать, чтобы крестик на активной вкладке был виден, но при этом при наведении на вкладку градиент обрезочный не моргал? Если убираю последнее правило, крестик виден, но вместо него начинает моргать градиент.

_zt · №13137

Тоторо пишет

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

Вы точно мой код не правили? Сейчас специально проверил код в userChrome.css на новом профиле и у меня нет такого, все ровно так как я выше на гифке продемонстрировал - при наведении на вкладку крестик не появляется, а появляется он исключительно при наведении на область в конце вкладки. Так что ничем помоч не могу, ибо, НЕ ВОСПРОИЗВОДИТСЯ. А если убрать последнюю секцию, то ожидаемо, крестик перестает отображаться на неактивных вкладках, без какого либо влияния на активную вкладку или на фон неактивных вкладок.

И еще, обнаружил на новом профиле, к моему коду нужно добавить правило для закрепленных вкладок, иначе щелчок на закрепленных приводит к их закрытию.

Выделить код

Код:

/* Скрыть на закрепленных */
.tab-close-button[pinned] {
    visibility: collapse !important;
}

Еще раз перепроверил на профиле совсем без стилей, ваша ситуация не воспроизводится. Ищите проблему в других своих стилях или в ваших правках моего стиля.

Отредактировано _zt (11-06-2023 18:26:51)

doud · №13138

На странице about:logins есть поле для поиска с синей рамкой. Можно ли удалить эту рамку а также текст "Поиск логинов"?

6e73epo · №13139

doud, как-то так

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

Выделить код

Код:

@-moz-document url("about:logins"), url("chrome://browser/content/aboutlogins/aboutLogins.html") {
  input.filter::placeholder {
    opacity: 0 !important;
  }
  input.filter:focus {
    outline-color: transparent !important;
    border-color: var(--in-content-box-border-color) !important;
  }
}

Отредактировано 6e73epo (13-06-2023 02:09:26)

doud · №13140

6e73epo. большое спасибо, все сработало...

Mrakobes666 · №13141

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

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

никакие хайлатеры не дают желаемого результата

Black_Monk · №13142

В связи с некоторыми неудобствами, появившимися в последних версиях программы подскажите пожалуйста в паре моментов:

1. Имеется стиль, убирающий лишние надписи в кнопке "Закалдки". Что мне там добавить, чтобы также исчезла и строчка "Поиск закладок"?

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

Выделить код

Код:

/* Очистка кнопки Закладки от лишних надписей */
#appmenu_unsortedBookmarks,
#menu_unsortedBookmarks,
menuseparator[builder="end"] {display: none !important;}



#BMB_subscribeToPageMenuitem,
#BMB_subscribeToPageMenupopup,
#BMB_unsortedBookmarks,  /* неподшитые закладки */
#BMB_bookmarksPopup menuseparator:nth-last-child(2),   /* разделитель перед ними */
#BMB_viewBookmarksToolbar,
#BMB_bookmarksShowAll,
#BMB_bookmarksShowAllTop,
#BMB_viewBookmarksSidebar,
#BMB_bookmarksPopup > menuseparator:nth-child(4),
#BMB_bookmarkThisPage,
#BMB_bookmarksPopup > menuseparator:nth-child(7),
#BMB_bookmarksPopup > menuseparator:nth-child(8),
#BMB_bookmarksPopup > menuseparator:nth-child(2),
#BMB_viewBookmarksToolbar+menuseparator,
#BMB_bookmarksPopup > menuseparator:nth-child(3) {display: none !important;}

menu.bookmark-item, menuitem.bookmark-item {max-width: 26em !important;}

.bookmarks-actions-menuseparator:nth-last-child(2),
.openintabs-menuitem {
    display: none !important;
}



.openlivemarksite-menuitem,
.openlivemarksite-menuitem+menuseparator {
display: none !important;
}

.livemarkstatus-menuitem {display: none !important;}


#ctraddon_BMB_subscribeToPageMenuitem,
#ctraddon_BMB_subscribeToPageMenupopup,
#ctraddon_BMB_unsortedBookmarks,  /* неподшитые закладки */
#ctraddon_BMB_bookmarksPopup menuseparator:nth-last-child(2),   /* разделитель перед ними */
#ctraddon_BMB_viewBookmarksToolbar,
#ctraddon_BMB_bookmarksShowAll,
#ctraddon_BMB_bookmarksShowAllTop,
#ctraddon_BMB_viewBookmarksSidebar,
#ctraddon_BMB_bookmarksPopup > menuseparator:nth-child(4),
#ctraddon_BMB_bookmarkThisPage,
#ctraddon_BMB_bookmarksPopup > menuseparator:nth-child(7),
#ctraddon_BMB_bookmarksPopup > menuseparator:nth-child(8),
#ctraddon_BMB_bookmarksPopup > menuseparator:nth-child(2),
#ctraddon_BMB_viewBookmarksToolbar+menuseparator,
#ctraddon_BMB_bookmarksPopup > menuseparator:nth-child(3) {display: none !important;}
.bookmarks-actions-menuseparator {display: none !important;}

#ctraddon_BMB_bookmarksPopup > menuseparator:nth-child(5),
#ctraddon_BMB_bookmarksPopup > menuseparator:nth-child(9)  {display: none !important;}

#BMB_bookmarksToolbar {display: none !important;}  
#ctraddon_BMB_bookmarksToolbar {display: none !important;}

#BMB_bookmarksPopup > menuseparator {display: none !important;}
#ctraddon_BMB_bookmarksPopup > menuseparator {display: none !important;

2. Перестал срабатывать стиль, включающий Панель поиска сверху. Как его "починить"?

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

Выделить код

Код:

/* Панель поиска сверху */
findbar  {-moz-box-ordinal-group: 0 !important;}

_zt · №13143

Black_Monk
1. #BMB_searchBookmarks
2. findbar {order: -1 !important;}
ps: не заметил ваш код по началу.

Отредактировано _zt (14-06-2023 20:40:05)

Black_Monk · №13144

_zt, сенькаю!

doud · №13145

Как на странице about:config удалить грозный текст в середине этой страницы "Изменение этих настроек может затронуть производительность или безопасность Firefox." и как в боковой панели закладок в поиске удалить текст "Поиск закладок"?

Отредактировано doud (15-06-2023 16:50:49)

_zt · №13146

doud
user_pref("browser.aboutConfig.showWarning", false);

input[placeholder="Поиск закладок"] {
display: none !important;
}

doud · №13147

_zt "browser.aboutConfig.showWarning", false); у меня так и есть,но это другое предупреждение, оно появляется когда открываешь about:config в первый раз и там надо поставить галочку что согласен и т.д. а это "Изменение этих настроек может затронуть производительность или безопасность Firefox." висит постоянно при любом заходе в about:config. Поиск закладок тоже не удалилось...

_zt · №13148

doud пишет

_zt "browser.aboutConfig.showWarning", false); у меня так и есть,но это другое предупреждение, оно появляется когда открываешь about:config в первый раз и там надо поставить галочку что согласен и т.д. а это "Изменение этих настроек может затронуть производительность или безопасность Firefox." висит постоянно при любом заходе в about:config. Поиск закладок тоже не удалилось...

1. Нужно пустой профиль смотреть. Я не вижу никаких предупреждений.
2. Да быть такого не может. Нужно что бы никаких пространств имен не было в начале документа. Если есть, то добавляйте импортом перед пространствами. Но тот код кривой, он вообще ввод ломает.
Вот два полностью рабочих варианта (да еще с запасом), если что то не работает, то разбирайтесь у себя.

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

Выделить код

Код:

@-moz-document url-prefix("chrome://browser/content/places/historySidebar.x"),
               url-prefix("chrome://browser/content/places/bookmarksSidebar.x") {
    :placeholder-shown:not(:autofill)::placeholder {
        opacity: 0 !important;
    }
}

Выделить код

Код:

input[placeholder="Поиск по журналу"]:not(:autofill)::placeholder,
input[placeholder="Поиск закладок"]:not(:autofill)::placeholder {
    opacity: 0 !important;
}

Добавлено 15-06-2023 19:49:43
1.

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

Выделить код

Код:

@-moz-document url("about:config") {
    .config-help-text {
        display: none !important;
    }
}

Отредактировано _zt (15-06-2023 19:50:10)

doud · №13149

_zt
С about:config тест удалился, спасибо за помощь :beer: а те 2 кода для удаления "Поиска закладок" сработали частично: удалилась надпись "Поиск по журналу" но только на странице chrome://browser/content/places/historySidebar.xhtml. В боковой панели ничего не изменилось..

kokoss · №13150

doud пишет

Поиск закладок тоже не удалилось...

У вас случаем в начале файла нет строки -> @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); ?

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

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