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

_zt · №11351

Vitaliy V.
Спасибо, первый совет теперь работает в одиночку.

Ametista · №11352

Прошу помощи, как объединить в 1 файл эти коды: У меня работает только что-то одно.

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

.tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
opacity: 1 !important;
margin-inline-start: 20px !important;
margin-inline-end: 2px !important;
}
.tab-icon-overlay[soundplaying] {
list-style-image: url("chrome://global/skin/media/audio.svg") !important;
}
.tab-icon-overlay[muted] {
list-style-image: url("chrome://global/skin/media/audio-muted.svg") !important;
}
.tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > :not(.tab-icon-overlay) {
opacity: 1 !important;
}
/* Скрыть надпись "воспроизводится" в режиме обычных и мобильных значков, для компактных browser.uidensity = 1 не требуется */
.tab-secondary-label {
display: none !important;
}

и

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

#tabContextMenu #context_openANewTab,
#tabContextMenu > menuseparator:first-of-type {
display: none !important;
}

Отредактировано Ametista (05-10-2021 19:07:52)

sandro79 · №11353

Ametista пишет

Прошу помощи, как объединить в 1 файл эти коды: У меня работает только что-то одно

Впишите первый код в userChrome.css, а следом за ним второй код. Оба кода должны работать. Объединить в один код так можно

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

Выделить код

Код:

.tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
    opacity: 1 !important;
    margin-inline-start: 20px !important;
    margin-inline-end: 2px !important;
}
.tab-icon-overlay[soundplaying] {
    list-style-image: url("chrome://global/skin/media/audio.svg") !important;
}
.tab-icon-overlay[muted] {
    list-style-image: url("chrome://global/skin/media/audio-muted.svg") !important;
}
.tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > :not(.tab-icon-overlay) {
    opacity: 1 !important;
}
.tab-secondary-label,
#tabContextMenu #context_openANewTab,
#tabContextMenu > menuseparator:first-of-type {
    display: none !important;
}

Barral · №11354

Помогите, пожалуйста, поправить стиль для 93-й версии браузера. Ещё пару версий назад он работал, а сейчас не хочет.

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

#urlbar[focused="true"]:not([suppress-focus-border]) > #urlbar-background {
border: 1px solid #a0a0a0 !important;
box-shadow: none !important;
}

kokoss · №11355

Barral
https://forum.mozilla-russia.org/viewto … 51#p795151

Barral · №11356

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

Отредактировано Barral (06-10-2021 20:41:03)

kokoss · №11357

Barral пишет

Вот бы ещё жирную обводку убрать, когда тулбар активен. Не поможете?

Вместо -> rgb(0, 116, 232) добавьте transparent

Barral · №11358

kokoss

kokoss пишет

Вместо -> rgb(0, 116, 232) добавьте transparent

Так получается убрать цвет, но остаётся теневая обводка. С этим можно что-нибудь сделать?

_zt · №11359

Barral
Вы бы скриншоты показывали, под спойлером. Если теневая то так, но возможно вы о другом.
#urlbar[breakout] > #urlbar-background {
box-shadow: none !important;
}

Barral · №11360

_zt

_zt пишет

Если теневая то так, но возможно вы о другом.

Спасибо, я именно об этом!
Вот этот совмещённый вариант меня всем устраивает:

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

:root:-moz-lwtheme {
--toolbar-field-border-color: transparent !important;
--toolbar-field-focus-border-color: transparent !important;
}

#urlbar[breakout] > #urlbar-background {
box-shadow: none !important;
}

Единственное, нельзя ли их как-то объединить, например, чтобы первоначальный код добавился к Вашему?

kokoss · №11361

Barral пишет

Так получается убрать цвет, но остаётся теневая обводка. С этим можно что-нибудь сделать?

С этим кодом:

Выделить код

Код:

:root:-moz-lwtheme {
    --toolbar-field-border-color: transparent !important;
    --toolbar-field-focus-border-color: transparent !important;
}

~~ни какой теневой обводки у себя в 93 не наблюдаю~~ add, проверил на чистом профиле, есть...

Отредактировано kokoss (07-10-2021 09:41:38)

_zt · №11362

Barral
Попробуйте border-color: добавить, но тогда вы потом при фокусе обводку вернуть не сможете. Я бы так как есть оставил. --toolbar-field... еще и строку поиска охватывать должен.

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

Вопрос по userContent.css. Можно ли отделить нижнюю строку меню от верхних разделителем так, чтобы он не доходил до боковых границ этого меню (сайт vk.com)?

voqabuhe · №11364

Как убрать вертикальные линии выделения активной вкладки, оставить только верхнюю горизонтальную?

sandro79 · №11365

Barral пишет

Помогите, пожалуйста, поправить стиль для 93-й версии браузера. Ещё пару версий назад он работал, а сейчас не хочет

Так вроде для 93+

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

Выделить код

Код:

#urlbar[focused="true"]:not([suppress-focus-border]) > #urlbar-background,
#searchbar:focus-within {
  outline: none !important;
  border-color: #a0a0a0 !important;
  box-shadow: none !important;
}

Barral пишет

Единственное, нельзя ли их как-то объединить

Может так попробовать, вроде работает

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

Выделить код

Код:

#urlbar[breakout] > #urlbar-background {
   --toolbar-field-border-color: transparent !important;
   --toolbar-field-focus-border-color: transparent !important;
   box-shadow: none !important;
}

voqabuhe пишет

Как убрать вертикальные линии выделения активной вкладки, оставить только верхнюю горизонтальную?

Ну это надо убрать box-shadow и добавить border-top

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

Выделить код

Код:

.tabbrowser-tab:is([visuallyselected=true], [multiselected]) > .tab-stack > .tab-background {
  box-shadow: none !important; 
  border-top: 2px solid #12BC00 !important;
}

Barral · №11366

kokoss
_zt
sandro79
Большое спасибо за помощь! Остановился вот на таком варианте:

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

#urlbar[breakout] > #urlbar-background {
--toolbar-field-border-color: transparent !important;
--toolbar-field-focus-border-color: transparent !important;
box-shadow: none !important;
}

С применением этого стиля адресная строка выглядит так:

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

При заполнении адресной строки, её внешний вид меняется (с появлением окна поисковых подсказок): верхняя горизонтальная линия становится жирной, а нижняя очень тонкой:

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

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

Отредактировано Barral (08-10-2021 05:26:23)

voqabuhe · №11367

sandro79 пишет

Ну это надо убрать box-shadow и добавить border-top

Спасибо

EgorSokolov · №11368

Приветствую! У меня на старом компе несколько FireFox, какие-то я юзал часто, какие-то — нет. Сейчас решил привести их в единообразный вид :). Я не люблю лишние пункты в меню и, в частности, скрывал пункт меню Bookmarks > Bookmarks Toolbar таким кодом:

menu[label="Bookmarks Toolbar"] { display: none !important; }
menu[label="Bookmarks Toolbar"] + menuseparator { display: none !important; }

Первая строка скрывает сам пункт меню, а вторая — следующий за ним разделитель, иначе после скрытия пункта "Bookmarks Toolbar" будет двойной разделитель, что некрасиво. Ну так вот, на FF-36 и FF-48 это работает, а на FF-45 разделитель почему-то не скрывается (хотя сам пункт меню скрывается). Подскажите, как решить проблему?

Отредактировано EgorSokolov (08-10-2021 14:52:35)

ofizer · №11369

sandro79
Пардон за беспокойство, но Вы случаем не знаете, как в приватном режиме что-нибудь сделать с этой надписью:

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

То ли цвет сменить, то ли просто в ссылку превратить - прям не знаю. Глаза режет. в FF 92 было так:

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

kokoss · №11370

ofizer
Как вариант:

Выделить код

Код:

@-moz-document url("about:privatebrowsing") {
.promo-cta {
    display: none !important;
}
}

или так

Выделить код

Код:

@-moz-document url("about:privatebrowsing") {
.promo-content,
.showPrivate {
    display: none !important;
}
}

Отредактировано kokoss (08-10-2021 17:00:15)

sandro79 · №11371

Barral пишет

При заполнении адресной строки, её внешний вид меняется (с появлением окна поисковых подсказок): верхняя горизонтальная линия становится жирной, а нижняя очень тонкой

Если это проявилось после применения объединённого кода, то используйте изначальный вариант. У себя с одним только кодом, подобного не вижу. Возможно у вас есть ещё другие стили, которые нужно обновить.

EgorSokolov пишет

в частности, скрывал пункт меню Bookmarks > Bookmarks Toolbar таким кодом

Попробуйте выбрать что-то из этих правил, не совсем понял

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

Выделить код

Код:

#bookmarksShowAll {
  display: none !important;
}
#organizeBookmarksSeparator {
  display: none !important;
}

#bookmarksToolbarFolderMenu {
  display: none !important;
}
#bookmarksMenuItemsSeparator {
  display: none !important;
}
#bookmarksToolbarSeparator {
  display: none !important;
}

ofizer пишет

Вы случаем не знаете, как в приватном режиме что-нибудь сделать с этой надписью:

Попробуйте так, почти как в 92

В userContent.css

Выделить код

Код:

@-moz-document url(about:privatebrowsing) {
.promo-cta .button {
  text-decoration: underline !important;
  background-color: transparent !important;
  }
}

ofizer · №11372

sandro79

Попробуйте так, почти как в 92

Вот спасибо!!! Знал, что не бросите в беде. Спасибо еще раз!

Отредактировано ofizer (08-10-2021 17:46:24)

Джархан · №11373

Друзья, а как убрать вообще все изменения, сделанные мной в облике Файрфокса? Удалил папку chrome, но теперь вообще все элементы улетели куда-то. Мне нужно вернуть первоначальный вид браузера.

voqabuhe · №11374

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

kokoss · №11375

voqabuhe пишет

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

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

Выделить код

Код:

:is(#urlbar,#searchbar,*|*.findbar-textbox) *|input::-moz-selection,
*|input.findbar-textbox::-moz-selection {
    background-color: blue !important;
    color: white !important;
}

Отредактировано kokoss (09-10-2021 23:10:16)

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

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