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

В мире Mozilla происходит много интересных событий. Но вам не нужно постоянно посещать новостные сайты, чтобы быть в курсе всех изменений. Зайдите на ленту новостей Mozilla Россия.

№1280107-02-2023 11:09:09

m0nkrus
Участник
 
Группа: Members
Откуда: Россия
Зарегистрирован: 10-09-2021
Сообщений: 23
UA: Firefox 109.0
Веб-сайт

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

Dumby пишет

Это ненадёжно. Кэш может залипнуть.

Так и оказалось. Удалил папку. При очередном запуске браузера подсказки появились!

Dumby пишет

Надо править user_chrome.js

Сработало! Правда пришлось еще разок кэш сбросить.
Всем Спасибо!

Отредактировано m0nkrus (07-02-2023 20:45:38)

Отсутствует

 

№1280208-02-2023 22:00:14

woe495
Участник
 
Группа: Members
Зарегистрирован: 03-07-2016
Сообщений: 26
UA: Firefox 91.0

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

kokoss, спасибо за предоставленный код.


Внес изменения в ваш код
Добавил строку
min-height: unset !important;
Строка взята здесь
https://userchrome.org/firefox-89-styli … enuspacing
https://connect.mozilla.org/t5/discussi … true#M9786


Получилось так

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

Выделить код

Код:

toolbarbutton menupopup[placespopup] > :is(menu, menuitem) {
   padding-block: 3px !important;
   min-height: unset !important;
}
toolbarbutton menupopup[placespopup] {
  appearance: none !important;
  --panel-background: White !important;
  --panel-border-color: Black !important;
  --panel-border-radius: 0px !important;
  --panel-color: var(--arrowpanel-color);
  --panel-border-radius: var(--arrowpanel-border-radius);
  --panel-padding: var(--panel-subview-body-padding);
}

Вопрос
Как изменить цвет наведения на закладки в выпадающем меню?
Допустим - LightBlue

скрытый текст
qIngqW7.png

Отредактировано woe495 (28-03-2023 14:20:11)

Отсутствует

 

№1280308-02-2023 23:17:20

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1722
UA: Firefox 109.0

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

woe495 пишет

Как изменить цвет выделения закладки?
Допустим - LightBlue

Выделить код

Код:

menuitem[_moz-menuactive="true"] {
  background-color: LightBlue !important;
}

2023-02-09_212939.png

Отредактировано kokoss (09-02-2023 21:30:38)


Win7

Отсутствует

 

№1280410-02-2023 19:00:11

woe495
Участник
 
Группа: Members
Зарегистрирован: 03-07-2016
Сообщений: 26
UA: Firefox 91.0

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

kokoss, благодарю за ответ.


Вопрос для kokoss
Как изменить цвет наведения на папки в выпадающем меню?
LightBlue

скрытый текст
Z96Myut.png

Отредактировано woe495 (28-03-2023 14:22:11)

Отсутствует

 

№1280510-02-2023 19:50:45

xrun1
Участник
 
Группа: Members
Зарегистрирован: 12-12-2013
Сообщений: 1159
UA: Firefox 109.0

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

woe495
Может так?

Выделить код

Код:

:not(#ContentSelectDropdown) > menupopup .bookmark-item[_moz-menuactive="true"]:not([disabled="true"]) {
    background: lightblue !important;
    color: white !important;
}

Отсутствует

 

№1280610-02-2023 23:31:12

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1722
UA: Firefox 109.0

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

woe495 пишет

Как изменить цвет выделения папки в выпадающем меню?
LightBlue

скрытый текст
Как вариант + закладки:

Выделить код

Код:

toolbarbutton menupopup[placespopup] > :is(menu, menuitem):not([disabled])[_moz-menuactive] {
  background-color: LightBlue !important;
}

+ если нужно

Выделить код

Код:

menupopup[placespopup="true"] > menu.bookmark-item {
    fill: LightBlue !important;
}

если нужно только эту папку выделить, то невкурсе

Отредактировано kokoss (11-02-2023 18:29:07)


Win7

Отсутствует

 

№1280711-02-2023 22:40:11

woe495
Участник
 
Группа: Members
Зарегистрирован: 03-07-2016
Сообщений: 26
UA: Firefox 91.0

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

kokoss, спасибо за ответ.
Все получилось.


Вопрос
1. Как узнать код цвета наведения в выпадающем меню Панели закладок Firefox 91.
2. Как узнать код цвета наведения в выпадающем меню Панели меню Firefox 109.

скрытый текст
S4qnyVR.png   vdJH7qK.png

Отредактировано woe495 (11-03-2023 21:50:11)

Отсутствует

 

№1280811-02-2023 22:59:29

unter_officer
Участник
 
Группа: Members
Откуда: Санкт-Петербург
Зарегистрирован: 27-03-2011
Сообщений: 526
UA: Firefox 78.0

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

woe495
Если вы имеете ввиду вид выделения пункта как на скрине, то попробуйте в вашем коде заменить background-color: LightBlue !important; на что-то такое:

Выделить код

Код:

background: linear-gradient(#F1F3F6, #E6EDF6) !important;
border: 1px solid #AECFF7 !important;
border-radius: 4px !important;
margin: 0px !important;
padding: 1px !important;

«The Truth Is Out There»

Отсутствует

 

№1280912-02-2023 00:39:05

6e73epo
Участник
 
Группа: Members
Зарегистрирован: 06-05-2022
Сообщений: 190
UA: unknown 0.0

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

woe495 пишет

Как узнать кодировку цвета выделения закладок в Firefox 91.

Речь о -moz-menuhover? Выбирай


rgb(115, 132, 153), rgb(127, 127, 127), rgb(56, 117, 215),
rgb(255, 193, 31), rgb(243, 70, 72), rgb(255, 138, 34),
rgb(102, 197, 71), rgb(140, 78, 184), rgb(51, 153, 255)


Если appearance: auto, то проще пикером: #d0e1f1

Отредактировано 6e73epo (12-02-2023 02:00:47)

Отсутствует

 

№1281012-02-2023 17:05:11

Beneficent
Участник
 
Группа: Members
Зарегистрирован: 16-08-2020
Сообщений: 6
UA: Firefox 109.0

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

Всем привет!
Подскажите, как перенести вкладки под панель закладок?
Firefox 109.0.1

скрытый текст
c66fc8eff18724743b2dc6730173f567.png
Раньше была закладка на форуме, но теперь ссылка устарела и не могу найти.. :rolleyes:

Отсутствует

 

№1281112-02-2023 18:50:51

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1722
UA: Firefox 109.0

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

Beneficent пишет

Подскажите, как перенести вкладки под панель закладок?
Firefox 109.0.1

https://forum.mozilla-russia.org/viewto … 33#p803333

Добавлено 12-02-2023 19:02:00

woe495 пишет

Как узнать кодировку цвета выделения закладок в выпадающем меню Firefox 91

Например здесь или здесь.

Отредактировано kokoss (12-02-2023 19:02:00)


Win7

Отсутствует

 

№1281213-02-2023 19:11:50

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1722
UA: Firefox 109.0

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

Beneficent пишет

Раньше была закладка на форуме, но теперь ссылка устарела и не могу найти..

та ссылка ведущая на стиль удалена автором стиля, так что можете не искать.


Win7

Отсутствует

 

№1281313-02-2023 22:03:33

Beneficent
Участник
 
Группа: Members
Зарегистрирован: 16-08-2020
Сообщений: 6
UA: Firefox 109.0

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

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

И еще вопрос, также до обновления открывались magnet ссылки с выбором содержимого https://forum.mozilla-russia.org/viewto … 54#p802354
сейчас что-то поломалось и этим способом уже не работает..
Есть возможность исправить?

Отсутствует

 

№1281413-02-2023 23:24:29

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1722
UA: Firefox 109.0

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

Beneficent пишет

как это реализуется, а то все как-то по новому?

Так же как и тот что работал у вас до версии 109, удаляйте старый код и добавляйте эти два стиля.

Отредактировано kokoss (13-02-2023 23:25:31)


Win7

Отсутствует

 

№1281515-02-2023 09:39:02

egorsemenov06
Участник
 
Группа: Members
Зарегистрирован: 12-06-2018
Сообщений: 371
UA: Firefox 110.0

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

Реята кто-нибудь может поправить стиль  для кнопок управления дополнениями от Vitali.V [firefox] 110.0

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

Выделить код

Код:

/* кнопки управления дополнений */
@-moz-document  url("about:addons"), url("chrome://mozapps/content/extensions/aboutaddons.html") {
:root {
    --v-content-button-border-color: rgba(12,12,13,0.3);
    --v-content-button-background-hover: rgba(12,12,13,0.15);
    --v-content-button-background-active: rgba(12,12,13,0.2);
    --v-content-button-color: rgb(12,12,13);
    --v-content-button-color-hover: rgb(12,12,13);
    --v-content-button-color-active: rgb(12,12,13);
    --v-main-max-width: 1000px;
    --card-padding: 8px !important;
    --section-width: 664px !important;
    --addon-icon-size: 32px !important;
}

@media (prefers-color-scheme: dark) {
:root {
    --v-content-button-border-color: rgba(249,249,250,0.2);
    --v-content-button-background-hover: rgba(249,249,250,0.15);
    --v-content-button-background-active: rgba(249,249,250,0.2);
    --v-content-button-color: rgb(249,249,250);
    --v-content-button-color-hover: rgb(249,249,250);
    --v-content-button-color-active: rgb(249,249,250);
}
}

body {
    min-width: 500px !important;
    margin: 0 !important;
}
#main {
    max-width: var(--v-main-max-width) !important;
    margin-inline-start: 6px !important;
    margin-inline-end: 6px !important;
    --v-list-display-flex: flex;
    --v-buttons-border-width: 1px;
    --v-buttons-font-size: 13px;
    --v-buttons-font-weight: bold;
    --v-buttons-width: auto;
}
addon-card .card-contents {
    width: auto !important;
    overflow-x: hidden !important;
    flex-grow: 1 !important;
}
addon-card .card {
    display: grid !important;
    grid-template-columns: auto minmax(0px, min-content) !important;
}
addon-card .card > * {
    grid-column-start: 1 !important;
    grid-column-end: 3 !important;
}
addon-card .card > .addon-card-collapsed {
    grid-column-start: 1 !important;
    grid-column-end: 2 !important;
    grid-row-start: 1 !important;
    overflow-x: hidden !important;
}
addon-card .card > addon-options {
    grid-column-start: 2 !important;
    grid-column-end: 3 !important;
    grid-row-start: 1 !important;
    align-self: start !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
}
img.card-heading-image {
    margin: calc(var(--card-padding) * -1) calc(var(--card-padding) * -1) 8px !important;
    width: var(--v-main-max-width) !important;
    height: auto !important;
}
addon-card .card > img.card-heading-image:not([hidden]) {
    display: inline !important;
}
addon-card .card > img.card-heading-image:not([hidden]) + .addon-card-collapsed,
addon-card .card > img.card-heading-image:not([hidden]) + .addon-card-collapsed ~ addon-options {
    grid-row-start: 2 !important;
}
addon-card .addon-name-container {
    margin-top: 0 !important;
}
button.more-options-button[action="more-options"],
addon-card panel-item[action="expand"],
div.arrow.top, div.arrow.bottom,
addon-card panel-item-separator {
    display: none !important;
}
addon-card panel-list {
    position: static !important;
    display: block !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    min-width: 0 !important;
}
addon-card panel-item {
    padding: 0 !important;
    margin: 0 !important;
}
style + div.container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
addon-card .toggle-button,
addon-card button.theme-enable-button,
link[href$="panel-item.css"] ~ button {
    width: var(--v-buttons-width, 100%) !important;
    min-height: 0 !important;
    height: 24px !important;
    line-height: 1.3em !important;
    padding: 3px 6px !important;
    margin: 0 1px !important;
    background: none !important;
    border-color: var(--v-content-button-border-color) !important;
    border-style: solid !important;
    border-width: var(--v-buttons-border-width, 0px) !important;
    color: var(--v-content-button-color) !important;
    border-radius: 2px !important;
    font-weight: var(--v-buttons-font-weight, inherit) !important;
    font-size: var(--v-buttons-font-size, inherit) !important;
    -moz-appearance: none !important;
    box-shadow: none !important;
    outline: none !important;
}
addon-card .toggle-button:-moz-any(:focus,:enabled:hover),
addon-card button.theme-enable-button:-moz-any(:focus,:enabled:hover),
link[href$="panel-item.css"] ~ button:-moz-any(:focus,:enabled:hover) {
    background-color: var(--v-content-button-background-hover) !important;
    color: var(--v-content-button-color-hover) !important;
}
addon-card .toggle-button:enabled:hover:active,
addon-card button.theme-enable-button:enabled:hover:active,
link[href$="panel-item.css"] ~ button:enabled:hover:active {
    background-color: var(--v-content-button-background-active) !important;
    color: var(--v-content-button-color-active) !important;
}
addon-card .toggle-button::-moz-focus-inner,
addon-card button.theme-enable-button::-moz-focus-inner,
link[href$="panel-item.css"] ~ button::-moz-focus-inner {
    border: none !important;
}
link[href$="panel-item.css"] ~ button::after {
    top: 0px !important;
    left: 0px !important;
    right: 0px !important;
    height: 3px !important;
    width: auto !important;
    border-radius: 0 !important;
}
addon-card .toggle-button::before {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    content: "Отключить" !important;
    transform: none !important;
    background: none !important;
    height: auto !important;
    width: auto !important;
    margin: 0 !important;
    border-radius: 0 !important;
    outline: none !important;
    transition: none !important;
    white-space: nowrap !important;
}
addon-card .card[active="false"] .toggle-button::before {
    content: "Включить" !important;
}
addon-card .more-options-menu {
    flex-grow: 0 !important;
    position: static !important;
    margin: 0 !important;
    align-self: start !important;
}
link[rel="stylesheet"][href$="/extensions/panel-list.css"] ~ div.list {
    display: var(--v-list-display-flex, block) !important;
    justify-content: end !important;
}
addon-card .addon-name,
addon-card .addon-description{
    white-space: nowrap !important;
    overflow-x: hidden !important;
    text-overflow: ellipsis !important;
}
message-bar {
    --card-padding: inherit !important;
}
}

Отредактировано egorsemenov06 (15-02-2023 09:50:10)

Отсутствует

 

№1281615-02-2023 20:30:09

woe495
Участник
 
Группа: Members
Зарегистрирован: 03-07-2016
Сообщений: 26
UA: Firefox 91.0

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

kokoss, благодарю за ответ (про цвет).


Я нашел нужный цвет с помощью
https://firefox-source-docs.mozilla.org … eyedropper

Отредактировано woe495 (28-03-2023 11:33:11)

Отсутствует

 

№1281715-02-2023 20:49:16

unter_officer
Участник
 
Группа: Members
Откуда: Санкт-Петербург
Зарегистрирован: 27-03-2011
Сообщений: 526
UA: Firefox 110.0

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

woe495 пишет

Как изменить ширину выпадающего меню Панели закладок.

для панели закладок - https://forum.mozilla-russia.org/viewto … 50#p803350
для меню закладок - https://forum.mozilla-russia.org/viewto … 68#p803368


«The Truth Is Out There»

Отсутствует

 

№1281816-02-2023 14:12:16

Djon776
Участник
 
Группа: Members
Зарегистрирован: 09-10-2020
Сообщений: 13
UA: Firefox 110.0

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

Здравствуйте!

Пропал "плюсик" открытия новой вкладки при обновлении версии с 109 на 110. Версия Firefox browser 110.0 64-бит. Как вернуть без переустановки?


firefox110.jpg

Отредактировано Djon776 (16-02-2023 14:20:57)

Отсутствует

 

№1281917-02-2023 15:43:25

ImTempos
Участник
 
Группа: Members
Зарегистрирован: 23-05-2018
Сообщений: 16
UA: Firefox 110.0

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

"Настройка панели инструментов" проверьте.

скрытый текст
_____________.jpg

Отредактировано ImTempos (17-02-2023 15:45:55)

Отсутствует

 

№1282017-02-2023 19:16:06

persistor
Участник
 
Группа: Members
Зарегистрирован: 15-05-2006
Сообщений: 45
UA: Firefox 109.0

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

Долго не обновлял Firefox, наконец обновил, вот теперь пилю. Устал. Включил меню, окно поиска, нашел расширения, чтобы кнопки «остановить» и «обновить» были разными, поставил некий Lepton.zip, прочитал здесь про Aris'а, переместил вкладки под адрес и увеличил шрифт... Но осталось-то еще тоже немало.

Помогите, чем можете:

  • Кнопки вперед/назад не хотят быть нигде, кроме строки с адресом, а я привык, чтобы все кнопки были в строке с меню. Можно ли их туда затолкать?
  • Вкладки в несколько строк? tabs_multiple_lines.css что-то не завелся.
  • Статусную строку еще можно воскрешать?
  • Можно сделать, чтобы при загрузке вкладки там были не статичные песочные часы, а какая-нибудь анимация?
  • Я воспользовался searchbar_popup_engines_show_labels.css, но, хотелось бы, чтобы поиск работал как раньше — выбор поисковика и ввод текста независимо друг от друга. Поставил Classical Search Bar, но это костыль какой-то, туда же все поисковики исключительно вручную надо добавлять, даже имеющиеся не подхватывает.
  • Searcbar Autosizer тоже все?
  • И чего-то я не понял с этим «растягивающимся пробелом», как он там растягивается и как получить просто обычный разделитель (вертикальную прямую).

Что еще порекомендуете из github.com/Aris-t2 ? Там много, и толком непонятно, что делается.
Спасибо.

Отсутствует

 

№1282117-02-2023 21:10:41

persistor
Участник
 
Группа: Members
Зарегистрирован: 15-05-2006
Сообщений: 45
UA: Firefox 109.0

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

Нашел анимацию и иконки в custom_css_for_fx_v4.3.1v7, но почему-то не подхватываются. Скопировал все каталоги в chrome, копирую туда строки @import, но безрезультатно. Думал, может leptonChrome.css мешает, но нет, он нормально отключается-включается, но никакие иконки или анимация загрузки не появляются.
Такое в userChrome.css добавил суммарно, но не работает:

Выделить код

Код:

@import "./config/general_variables.css"; /**/
@import "./config/color_variables_classic-grey.css"; /**/
@import "./css/buttons/icons_custom_icons_fx1.css"; /**/
@import "./css/tabs/tab_throbber_blue_fx56.css"; /**/


Блин, у меня что-то через import вообще ничего не хочет работать. Скопированный текст searchbar_popup_engines_show_labels.css работает, через @import — не работает. Ни в исходном формате, ни в формате @import url("...").
Притом в начале файла @import url("css/leptonChrome.css"); прекрасно работает. Ну все же одинаково, все пути вроде правильные, почему?

Добавлено 17-02-2023 21:32:46
О, понял, оказывается @import'ы должны быть строго в начале, а после исходного текста они уже не работают.
Фигас.

Отредактировано persistor (17-02-2023 21:32:46)

Отсутствует

 

№1282217-02-2023 22:28:08

Djon776
Участник
 
Группа: Members
Зарегистрирован: 09-10-2020
Сообщений: 13
UA: Firefox 110.0

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

ImTempos пишет

"Настройка панели инструментов" проверьте.

Плюс пропал, по ходу переустанавливать браузер придется.

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

___________.jpg

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

Отредактировано Djon776 (17-02-2023 22:33:51)

Отсутствует

 

№1282317-02-2023 22:43:46

qwerty1956
Участник
 
Группа: Members
Откуда: Украина, г. Львов
Зарегистрирован: 30-06-2020
Сообщений: 6
UA: Firefox 102.0

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

Как с помощью стилей заменить надписи на панели поиска по странице (Ctrl+F) на значки. FF102ESR и FF110

Отредактировано qwerty1956 (17-02-2023 23:31:03)

Отсутствует

 

№1282418-02-2023 00:26:30

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1750
UA: Firefox 91.0

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

Djon776 пишет

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

№12608 или так

Отсутствует

 

№1282518-02-2023 00:46:21

6e73epo
Участник
 
Группа: Members
Зарегистрирован: 06-05-2022
Сообщений: 190
UA: Firefox 122.0

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

Djon776 пишет

Плюс пропал, по ходу переустанавливать браузер придется.

Вряд ли пропал. Небось торчит в виде значка на кастомной панели


qwerty1956 пишет

Как с помощью стилей заменить надписи на панели поиска по странице (Ctrl+F) на значки. FF102ESR и FF110

Как пример, для первой надписи:

Выделить код

Код:

.findbar-highlight .checkbox-icon {
  list-style-image: url("chrome://global/skin/icons/badge-blue.svg");
}

.findbar-highlight label.checkbox-label {
  display: none;
}

Отсутствует

 

Board footer

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