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

Ник 22 · №11501

sandro79 пишет

По дефолту вроде не наблюдаю

Спасибо.

Отредактировано Ник 22 (29-09-2021 20:36:37)

m_nikolay · №11502

Vitaliy V.
Здравствуйте!
Обновил ваши разработки user_chrome_files и full theme, теперь не могу найти как сменить цвет рамки окна поиска

Помогите пожалуйста разобраться.
Всего вам хорошего!

Отредактировано m_nikolay (30-09-2021 10:51:55)

Vitaliy V. · №11503

m_nikolay
тема что вы используете ваша? если так то лучше в ней и настроить эти параметры
"toolbar_field_border": "transparent",
"toolbar_field_border_focus": "rgb(0, 116, 232)",
в стиле цвета настраивать там где это делается темами считаю неправильным,
но если надо именно так, то как то так

Выделить код

Код:

:root:-moz-lwtheme {
    --toolbar-field-border-color: transparent !important;
    --toolbar-field-focus-border-color: rgb(0, 116, 232) !important;
}

m_nikolay · №11504

Vitaliy V.
Спасибо за помощь! Теперь получилось то, чего хотел.
Всяческого вам добра и крепкого здоровья.

_zt · №11505

Vitaliy V.
Проверьте на полной теме работоспособность этих советов для темной темы в win (7-8.1).
https://forum.mozilla-russia.org/viewto … 16#p793616

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

Выделить код

Код:

#PopupAutoComplete {
    --panel-color: var(--toolbar-field-focus-color, FieldText) !important;
    --panel-background: var(--toolbar-field-focus-background-color, Field) !important;
    --panel-border-color: var(--arrowpanel-border-color, ThreeDShadow) !important;
}

и
https://forum.mozilla-russia.org/viewto … 44#p792944

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

Выделить код

Код:

panel[type="autocomplete-richlistbox"] {
    --panel-color: rgb(220,220,225) !important;
    --panel-background: rgba(10,10,15,0.8) !important;
    --panel-border-color: var(--v-highlight-background-color) !important;
}

Ни как не работает, только полным комплектом:

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

Выделить код

Код:

#PopupAutoComplete {
    --panel-color: rgb(220,220,225) !important;
    --panel-background: rgba(43,42,51,0.9) !important;
    --panel-border-color: Highlight !important;
}
panel[type="autocomplete-richlistbox"] {
    color: rgb(220,220,225) !important;
    background: rgba(43,42,51,0.5) !important;
    border-color: Highlight !important;
}
panel[type="autocomplete-richlistbox"] > richlistbox {
    background: transparent !important;
    color: inherit !important;
    margin: 0 !important;
}

Причем, вторая секция именно так, а не --panel-... Иначе в инспекторе пишет серым, что "не задано"... , для бэкграунда по крайней мере.

Vitaliy V. · №11506

_zt
от https://github.com/VitaliyVstyle/Vitali … w.css#L827
до 856 строки

_zt · №11507

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

Ametista · №11508

Прошу помощи, как объединить в 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 · №11509

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 · №11510

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

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

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

kokoss · №11511

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

Barral · №11512

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

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

kokoss · №11513

Barral пишет

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

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

Barral · №11514

kokoss

kokoss пишет

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

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

_zt · №11515

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

Barral · №11516

_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 · №11517

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 · №11518

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

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

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

voqabuhe · №11520

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

sandro79 · №11521

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 · №11522

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 · №11523

sandro79 пишет

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

Спасибо

EgorSokolov · №11524

Приветствую! У меня на старом компе несколько 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 · №11525

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

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

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

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

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

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