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

kokoss · №14351

Алексей У. пишет

Как можно изменить border-radius ВСЕХ всплывающих подсказок в браузере?

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

Вы же вроде используйте UCF, добавьте этот:

код

Код:

/* Тултипы */
tooltip {
    appearance: none !important;
}
tooltip[hasbeenopened="true"] {
    color: InfoText !important;
    background: InfoBackground !important;
    border: 1px solid color-mix(in srgb, currentColor 20%, transparent) !important;
    padding: 2px !important;
}
@media (prefers-color-scheme: light), (-moz-toolbar-prefers-color-scheme: light) {
tooltip[hasbeenopened="true"] {
    color: rgb(12, 12, 22) !important;
    background: rgb(245, 245, 255) !important;
    border: 1px solid rgb(204, 204, 214) !important;
}
}
@media (prefers-color-scheme: dark), (-moz-toolbar-prefers-color-scheme: dark) {
tooltip[hasbeenopened="true"] {
    color: rgb(177, 177, 187) !important;
    background: rgb(27, 27, 37) !important;
    border-color: rgb(64, 64, 75) !important;
}
}
tooltip[hasbeenopened="true"] :is(description,label) {
    color: inherit !important;
}

в файл: custom_styles_all_agent.css

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

kokoss пишет

Вы же вроде используйте UCF, добавьте этот в файл: custom_styles_all_agent.css

У меня нет такого файла, есть только custom_style_agent.css в папке custom_styles.

fuchsfan · №14353

Алексей У. пишет

Как можно изменить border-radius ВСЕХ всплывающих подсказок в браузере?

Скрипт https://old.reddit.com/r/FirefoxCSS/com … s/f80dnv8/ создает единый стиль отображения для всех тултипов, добавьте в него параметр

Выделить код

Код:

border-radius: 10px;

И только радиус тултипа таба регулируется отдельным css-стилем.

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

kokoss пишет

Вы же вроде используйте UCF, добавьте этот в файл: custom_styles_all_agent.css

Благодарю, попробовал добавить ваш код (изменил только значение border-radius на то, которое в ОС) в файл custom_style_agent - получилось.

fuchsfan пишет

Скрипт https://old.reddit.com/r/FirefoxCSS/com … s/f80dnv8/ создает единый стиль отображения для всех тултипов

Ваш способ тоже работает, но почему-то не везде (проверял на кнопках панели инструментов).

_zt · №14355

Алексей У.
Там есть -moz-appearance попробуйте добавить строку с просто appearance.

А так стиль выше от kokoss работает, в нем можно еще добавить и настроить #statuspanel-label, #tabbrowser-tab-tooltip

grom17 · №14356

Не помню откуда, но у меня вот так отключены углы, ВЕЗДЕ.

Выделить код

Код:

@-moz-document url-prefix("chrome:"), url-prefix("about:") {
* {
    border-radius: 0px !important;
    --tab-border-radius: 0px !important;
    --toolbarbutton-border-radius: 0px !important;
    --urlbar-icon-border-radius: 0px !important;
    --arrowpanel-border-radius: 0px !important;
    --arrowpanel-menuitem-border-radius: 0px !important;
    --panel-border-radius: 0px !important;
    --in-content-button-border-radius: 0px !important;
    --v-textbox-border-radius: 0px !important;
}
}

Желательно и в userContent добавить тоже.

Отредактировано grom17 (22-03-2025 16:00:22)

green25 · №14357

Как толком сделать это

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

Выделить код

Код:

*|*:root:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbarspring,spacer,[id^="wrapper-customizableui-special-spring"])  {
    -moz-flex-grow: 1 !important;
     -moz-box-flex: 1!important; 
     max-width: none !important;
   
}
*|*:root:not([inFullscreen])#toolbar-menubar toolbarpaletteitem, [id^=wrapper-customizableui-special-spring],
#toolbar-menubar toolbarspring{ 
  
  max-width: none !important;
  -moz-flex-grow: 1 !important;
     -moz-box-flex: 1!important;
  
}

Отредактировано green25 (22-03-2025 16:21:55)

BokalPiva23 · №14358

У меня странная проблема, если открыть много пустых вкладок, то они нормально закрываются колёсиком мыши. А если открыть разные сайты, то при закрытии вкладки подвижны и смещаются, трудно объяснить поэтому снял видео:

https://www.youtube.com/watch?v=mCnJo1vMH08

Со второй половины видео обратите внимание на вкладку Авито, она закрылась + закрылась вкладка слева от неё с Ютубом, хотя курсор был неподвижный, как это можно исправить? Ведь если вкладки пустые, почему-то работает всё нормально и всё неподвижно, пока курсор удерживается на панели с вкладками.

Добавлено 23-03-2025 10:50:13
Вот для пример как это работает на Google Chrome - https://www.youtube.com/watch?v=QT-0hBIbGJc
И так на много правильнее.

Отредактировано BokalPiva23 (23-03-2025 10:50:28)

green25 · №14359

Как окно выпадет это и не только (c window-modal-dialog связано ?) Так темнеет все

BokalPiva23 · №14360

Смог решить проблему более простым кодом с GitHub:

Выделить код

Код:

.tabbrowser-tab {
    min-width: initial !important;
}
.tab-content {
    overflow: hidden !important;
}

Правда нет разделителей между вкладками, но это лучше чем смешение вкладок при закрытии.

Mozillafire · №14361

xrun1 пишет

Bulnazavr
Я для ширины табов использую правленый скрипт от Aris-t2 + в самом конце для youtube с руборда. В итоге так:

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

Выделить код

Код:

:root {
  --tab_min_width: 80px;
  --tab_max_width: 220px;
}

/* use 'about:config > browser.tabs.tabMinWidth' for tab min-width */

/* tab max-width */
#tabbrowser-tabs:not([overflow]):not([using-closing-tabs-spacer="true"]) .tabbrowser-tab[fadein]:not([pinned]) {
  max-width: var(--tab_max_width) !important;
  overflow: hidden !important;
}

/* pinned tabs */
#TabsToolbar .tab-content[pinned] {
  padding: 0 6px !important;
}

/* Когда много мелких табов при выборе или наведении мыши таб растягивается */
.tabbrowser-tab[fadein][selected]:not([pinned])
/* , .tabbrowser-tab:hover[fadein]:not([pinned]) */
{
    min-width: var(--tab_max_width) !important;
}

/* с 136-й; при просмотре аудио (видео) ширина вкладки сужается до 100 - стиль отменяет */
#tabbrowser-tabs[orient="horizontal"] .tabbrowser-tab:is([muted], [soundplaying], [activemedia-blocked]):not([pinned]) {
  --tab-min-width: unset !important;
}

У меня не работает если поместить этот правленый tab_maxwidth.css в папку \chrome\css\tabs с заменой файлов.

Я сделал по другому:

1. Просто создать файл my_userChrome.css и поместить его в папку chrome (рядом с оригинальным userChrome.css)

2. Открыть my_userChrome.css блокнотом и добавить код:

Выделить код

Код:

/* с 136-й; при просмотре аудио (видео) ширина вкладки сужается до 100 - стиль отменяет */
#tabbrowser-tabs[orient="horizontal"] .tabbrowser-tab:is([muted], [soundplaying], [activemedia-blocked]):not([pinned]) {
  --tab-min-width: unset !important;
}

/* Высота вкладок */
:is(#TabsToolbar,#vertical-tabs) toolbarbutton .toolbarbutton-badge-stack .toolbarbutton-icon {
  width: 18px !important;
  height: 35px !important;
}

Теперь и высота норм и вкладка не сужается.

Отредактировано Mozillafire (24-03-2025 00:06:46)

eksman · №14362

kokoss пишет

eksman
Не правильно выразился, ID значка расширений, и about:debugging#/runtime/this-firefox тут ни при чём!

Спасибо.Кстати, проверил этот метод. Он конечно скрывает расширение из списка, но вместо него остается пустота)

xrun1 · №14363

Mozillafire
Если пользуетесь полным комплектом от Aris-t2, значит какой-то стиль перебивал. А my_userChrome.css грузится последним.

dinn · №14364

eksman, дочу скрыл, а черепов нет, т.е. нужно скрывать toolbaritem, а не toolbarbutton

kokoss · №14365

eksman пишет

Он конечно скрывает расширение из списка, но вместо него остается пустота)

пример

https://www.upload.ee/image/17892294/20 … 174327.png

eksman · №14366

Спасибо :rolleyes:

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

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