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

Saenko · №14176

dinn, сердечно благодарю :beer: Теперь всё в порядке...

Oleg_2025 · №14177

vending_machine пишет

Вот есть такой код:

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

Код:

/* Панель вкладок */
.tabbrowser-tab {
    /* Активные вкладки */
    &[selected] {
        .tab-label {
            color: light-dark(black) !important;
        }
        .tab-background {
            background-color: light-dark(white, darkblue) !important;
        }
    }
    /* Неактивные вкладки */
    &:not([selected],[multiselected]) {
        .tab-label {
            color: white !important;
        }
        .tab-background {
            background-color: #3a3f69 !important;
        }
    }
} 

#TabsToolbar {
    background-color: #222c40 !important;
}

Спасибо, большое, работает! Но кое-что нарушило.
Теперь стали черными: "крестики" неактивных вкладок; расстояния между вкладками; кнопки справа "Свернуть\Развернуть\Закрыть".
Случайно не знаете как это исправить?

v134

vending_machine · №14178

Oleg_2025 пишет

Теперь стали черными:кнопки справа "Свернуть\Развернуть\Закрыть"
Случайно не знаете как это исправить?

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

Выделить код

Код:

/* Цвет кнопок свернуть, свернуть в окно  */
.titlebar-buttonbox > .titlebar-button {
    color: white !important;
}

Aleksklime · №14179

Помогите!!!)))
Стоит 133 версия. В профиле создал папку chrome и закинул туда файл userChrome.css с этим стилем https://github.com/Aris-t2/CustomCSSforFx/blob/master/current/css/toolbars/bookmarks_toolbar_multiple_lines.css, в about:config настройка: toolkit.legacyUserProfileCustomizations.stylesheets стоит true , но все равно междустрочный интервал в закладках не меняется!!!
Уже все перепроверил на 100 раз!!! В чем может быть причина???

И непонятно этот вариант https://github.com/Aris-t2/CustomCSSforFx/blob/master/current/css/toolbars/bookmarks_toolbar_multiple_lines.css для панели закладок только или в панели "Меню приложений" (три тире справа) и Контекстном меню (правая кнопка мыши) - то же межстрочные интервалы поменяет???

Вот этот код все сделал как надо:

Выделить код

Код:

/* Bookmark and context menu spacing */
menupopup > menuitem, menupopup > menu {padding-block: 1px !important;}
/* Options menu spacing */
:root {--arrowpanel-menuitem-padding: 1px 1px !important;}
/* Disable rounded tabs */
.tab-background{border-radius: 1px 1px !important; margin-bottom: 1px !important;}

Отредактировано Aleksklime (09-01-2025 13:24:04)

Oleg_2025 · №14180

vending_machine
Спасибо Вам. Но черные расстояния между вкладками решают.
Придется остаться на 133-й, пока не будет найден такой же компактный код, как писал вначале. Вся его прелесть, что он не рушит другие элементы.

Aleksklime
Step 1.

Выделить код

Код:

:root {
	--arrowpanel-menuitem-padding: 4px 8px !important;
}
menupopup > menuitem, menupopup > menu {
	padding-block: 2px !important;
}

— нормальные расстояния для Контекстного меню и менюшек из Панели.

Step 2.
about:config >>
browser.uidensity
— параметру присваиваем значение "1"
— это включит Компактный режим, и расстояния в Закладках и в главном меню станут обычными.

vending_machine · №14181

Oleg_2025 пишет

Но черные расстояния между вкладками решают.

Присвойте значению TabsToolbar такой же цвет как и Неактивным вкладкам

dinn · №14182

Oleg_2025 пишет

Подскажите, плиз, какой теперь код в 134-й нужен для изменения цвета верхней панели с вкладками?

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

Выделить код

Код:

.browser-toolbox-background {
  --toolbox-bgcolor: #393e65;
  --toolbox-textcolor: #fff;
}

Для светлой темы (не системной) можно так

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

Выделить код

Код:

:root[lwtheme] .browser-toolbox-background {
  @media not (prefers-color-scheme: dark) {
    --toolbox-bgcolor: #393e65;
    --toolbox-textcolor: #fff;
  }
}

Отредактировано dinn (09-01-2025 19:54:28)

Oleg_2025 · №14183

vending_machine пишет

Присвойте значению TabsToolbar такой же цвет как и Неактивным вкладкам

Дык я сразу так и сделал, подогнав их под один цвет
(черный цвет элементов на скрине выше).

dinn пишет

Выделить код

Код:

.browser-toolbox-background {
  --toolbox-bgcolor: #393e65;
  --toolbox-textcolor: #fff;
}

dinn, огромное Вам спасибо! Этот код работает так же, как и старый в 133-й. Ура!

v134 (тестил на portable)

alex7722 · №14184

Подскажите, пожалуйста, обновился с 98 версии до версии 132 вообще не видны вкладки. Не внизу, не вверху. Но они есть и переключаются ctrl + tab. Но их не видно, чтобы выбрать ту или иную вкладку. Как сделать так чтобы их все можно было видеть? Ощущение что каждая вкладка открыта в своем окне. Но при этом в панели задач виндовсе видно только одно окно файрфокса. Все вкладки вижу только если нажать "настройка панели инструментов" Заранее спасибо!
P.S.
проблема в старом userChrome.css. У кого есть свежий файл с вкладками внизу? Заранее спасибо!

Отредактировано alex7722 (12-01-2025 17:33:18)

S.Maximus · №14185

Доброго всем дня. Firefox 134.0 Перейдя с 7 на 10ку увеличился межстрочный интервал в закладках. Изучив тему перепробовал много способов по уменьшению межстрочного интервала.
параметр toolkit.legacyUserProfileCustomizations.stylesheets в about:config переключен в true
пробовал код в userchrome.css

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

Выделить код

Код:

menupopup > menuitem, menupopup > menu {
	padding-block: 2px !important;
	padding-inline-start: 12px !important;
}
menupopup, .menupopup-arrowscrollbox {
	border-radius: 0 !important;
	--panel-padding: 2px 0 !important;
}
menupopup > menu > menupopup {
	margin-inline-start: -2px !important;
	margin-top: -3px !important;
}
#context-sep-navigation {
	margin-top: -2px !important;
}

В about:config browser.display.windows.non_native_menus = выставлено значение 0
Подскажите как еще можно уменьшить межстрочный интервал закладок?

Отредактировано S.Maximus (12-01-2025 19:21:13)

kazarin · №14186

Подскажите, пожалуйста, возможно ли вернуть прозрачность в интерфейс [firefox] 128?
Тестирую Waterfox 6.5.2 на основе 128 ESR через VxKex, он моделирует среду [windows] 10 на 7, соответственно, не подхватывает интерфейс Aero (проблема всех фоксов, эмулируемых через VxKex). Есть css, который частично срабатывает, , но, к сожалению, окно из-за него моментально схлопывается.
https://i.imgur.com/OMymJ52.mp4
Происходит это из-за этого куска кода, если его убрать, окно становится стабильным и непрозрачным.

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

Выделить код

Код:

#main-window {
	background: var(--bg) !important;
}

Если с F11 развернуть схлопнувшееся окно, то видно, что панели навигации и вкладок панель стали прозрачными (заголовок вики просвечивает).

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

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

Oleg_2025 · №14187

S.Maximus
step 1 + step 2

Расстояния будут такими же, как в v88 (последняя с интерфейсом Photon).

S.Maximus · №14188

Oleg_2025 пишет

S.Maximus
step 1 + step 2

Расстояния будут такими же, как в v88 (последняя с интерфейсом Photon).

Супер! Спасибо, это сработало!

kokoss · №14189

alex7722 пишет

У кого есть свежий файл с вкладками внизу?

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

https://github.com/Aris-t2/CustomCSSfor … 28-132.css + https://github.com/Aris-t2/CustomCSSfor … 28-132.css

tagnupip · №14190

хочу вернуться к этой теме. далее по ветке форума давались решения, которые не сработали. но это было до обновления на v.134. может кто уже ковырял в этом направлении
https://forum.mozilla-russia.org/viewto … 32#p811632

kokoss · №14191

tagnupip
А если так:

Выделить код

Код:

@-moz-document url("about:newtab"), url("about:home") {
  :root {
     --newtab-primary-action-background: transparent !important;
  }
}

tagnupip · №14192

kokoss пишет

tagnupipА если так:Выделить кодКод:@-moz-document url("about:newtab"), url("about:home") {
:root {
--newtab-primary-action-background: transparent !important;
}
}

нет. выше два варианта предлагали, которые тоже не работали

egorsemenov06 · №14193

tagnupip пишет

хочу вернуться к этой теме. далее по ветке форума давались решения, которые не сработали. но это было до обновления на v.134. может кто уже ковырял в этом направленииhttps://forum.mozilla-russia.org/viewto … 32#p811632

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

Выделить код

Код:

.outer-wrapper .ds-top-sites .top-sites .top-site-outer {
    --focus-outline: var(--focus-outline-width) solid transparent !important;
}

у меня в 134.0 работает

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

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