Настройка внешнего вида 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 работает

Oleg_2025 · №14194

Привет!
Может кто знает, как в коде называются левая и правая стрелки для прокрутки вкладок? Хочу им белый цвет задать.

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

И еще вопрос: можно ли сделать компактнее меню "Настройки" (about:preferences)?

vending_machine · №14195

Oleg_2025 пишет

Может кто знает, как в коде называются левая и правая стрелки для прокрутки вкладок? Хочу им белый цвет задать.

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

Oleg_2025 · №14196

vending_machine
Огромное Вам спасибо! Помогло!
Пробовал "scrollbutton (left & right)", но никогда бы сам не догадался, что они называются "up & down"

ps
vending_machine, а что у Вас за расширение, которое показывает такую подробную инфу элементов?

Отредактировано Oleg_2025 (27-01-2025 21:35:23)

vending_machine · №14197

Oleg_2025 пишет

vending_machine, а что у Вас за расширение, которое показывает такую подробную инфу элементов?

Кнопка для Custom_Buttons - Attributes_Inspector

Oleg_2025 · №14198

vending_machine
Спасибо.
На моей версии «Custom Buttons» не доступно. Даже если отключить проверку подписи установки старых расширений.
Придется без него, хотя очень удобная штука.

unter_officer · №14199

Oleg_2025 пишет

На моей версии «Custom Buttons» не доступно. Даже если отключить проверку подписи установки старых расширений.
Придется без него, хотя очень удобная штука.

Если пользуетесь UCF, то для него тоже есть кнопка Attributes_Inspector

Отредактировано unter_officer (Вчера 12:48:06)

kokoss · №14200

Oleg_2025 пишет

Пробовал "scrollbutton (left & right)", но никогда бы сам не догадался, что они называются "up & down"

Инструменты браузера в помощь.

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

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