Настройка внешнего вида 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 (Вчера 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 (Вчера 19:54:28)

Oleg_2025 · №14183

vending_machine пишет

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

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

dinn пишет

Выделить код

Код:

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

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

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

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

№1417608-01-2025 16:41:21

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

№1417708-01-2025 22:56:02

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

Код:

№1417808-01-2025 23:14:37

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

Код:

№14179Вчера 09:38:36

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

Код:

№14180Вчера 14:31:45

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

Код:

№14181Вчера 16:41:09

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

№14182Вчера 19:00:22

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

Код:

Код:

№14183Вчера 20:33:54

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

Код:

Board footer