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

Eggorka · №10826

Приветствую. Помогите в правой части адресной строки скрыть все значки (масштаб, звёздочку, иконки дополнений и т.д.).

vending_machine · №10827

sandro79 пишет

vending_machine пишет
Всё же хотелось б сделать панель вкладок и неактивные вкладки - цветов этого форума - тёмно-серо-синими с белыми буквами
и белой активной вкладкой с чёрными буквами.
скрытый текст
Выделить код
Код:
:root {
    --tab-selected-bgcolor: white !important;
    --lwt-selected-tab-background-color: white !important;
}
.tabbrowser-tab[selected="true"] .tab-label {
    color: black !important;
     text-shadow: none !important;
}
.tabbrowser-tab[selected="true"] .close-icon {
    color: black !important;
}
.tabbrowser-tab > .tab-stack > .tab-background:not([selected="true"], [multiselected]) {
    background-color: #4e78a0 !important;
}
.tabbrowser-tab:not([selected="true"], [multiselected]) .tab-label {
    color: white !important;
}
.tabbrowser-tab:not([selected="true"], [multiselected]) .close-icon {
    color: white !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"], [multiselected]) {
    background-color: #25598a !important;
}
#TabsToolbar {
    background-color: #4e78a0 !important;
}

Спасибо.
Есть нюанс: стали невидны кнопки свернуть, свернуть в окно, закрыть.

Stkvsky · №10828

Vitaliy V. пишет

скорее всего вы перепутали about:newtab с about:home

Видимо да, разобрался, но не понимаю почему
Так не работает:
Когда указана новая вкладка:пустая страница

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

Так работает: (если изменить на домашнюю страницу)

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

Странно как то в коде указано не about:home, а about:newtab
Ну да ладно, главное работает
Спасибо большое за помощь

sandro79 · №10829

vending_machine пишет

стали невидны кнопки свернуть, свернуть в окно, закрыть

Скриншот бы посмотреть. Можно цвет сменить

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

Выделить код

Код:

.titlebar-buttonbox > .titlebar-button {
    color: white !important;
}

или кнопки

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

Выделить код

Код:

.titlebar-min {
	list-style-image: url(chrome://browser/skin/window-controls/minimize-themes.svg) !important;
}
.titlebar-max {
	list-style-image: url(chrome://browser/skin/window-controls/maximize-themes.svg) !important;
}
.titlebar-restore {
	list-style-image: url(chrome://browser/skin/window-controls/restore-themes.svg) !important;
}
.titlebar-close {
	list-style-image: url(chrome://browser/skin/window-controls/close-themes.svg) !important;
}

Уменьшение кнопок управления окном для win10

Отредактировано sandro79 (12-08-2021 16:00:13)

Vitaliy V. · №10830

egorsemenov06
убрать туман на панели вкладок

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

Выделить код

Код:

#TabsToolbar {
    background-image: none !important;
}

и удалите в вашем стиле правило

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

/* Default theme customization: Vibrant (transparent, dark) titlebar for mac */
:root:is([inFullscreen], [tabsintitlebar]) #TabsToolbar:not(:-moz-lwtheme) {
appearance: auto !important;
-moz-default-appearance: -moz-mac-vibrant-titlebar-dark !important;
-moz-font-smoothing-background-color: -moz-mac-vibrant-titlebar-dark !important;
background-color: #232323 !important;
color: hsl(240, 9%, 98%) !important;
text-shadow: none !important;
}

Stkvsky пишет

Так не работает:
Когда указана новая вкладка:пустая страница

Пустая страница это about:blank
А домашняя страница [firefox] по умолчанию - about:newtab и about:home (при открытии окна)

Отредактировано Vitaliy V. (12-08-2021 16:40:54)

Stkvsky · №10831

Vitaliy V.
Все, теперь понял, спасибо

Vitaliy V. · №10832

egorsemenov06
Я там еще дописал удалить правило из вашего стиля

vending_machine · №10833

sandro79 пишет

vending_machine пишет
стали невидны кнопки свернуть, свернуть в окно, закрыть
Скриншот бы посмотреть. Можно цвет сменить
скрытый текст
Выделить код
Код:
.titlebar-buttonbox > .titlebar-button {
    color: white !important;
}
или кнопки
скрытый текст
Выделить код
Код:
.titlebar-min {
	list-style-image: url(chrome://browser/skin/window-controls/minimize-themes.svg) !important;
}
.titlebar-max {
	list-style-image: url(chrome://browser/skin/window-controls/maximize-themes.svg) !important;
}
.titlebar-restore {
	list-style-image: url(chrome://browser/skin/window-controls/restore-themes.svg) !important;
}
.titlebar-close {
	list-style-image: url(chrome://browser/skin/window-controls/close-themes.svg) !important;
}
Уменьшение кнопок управления окном для win10

Сменил цвет. Спасибо

DateN · №10834

Подскажите, как убрать промежуток под вкладкой? Как сделать текст во вкладке побольше?
Загрузка на форум не доступна (You do not have permissions to access upload module. Please, contact Administration), прилагаю ссылку с файлообменника.
https://dropmefiles.net/ru/aZRWUTy95X

Отредактировано DateN (12-08-2021 21:32:35)

Oleg_V · №10835

Подскажите, плиз
1. Как задать фиксированную ширину для иконок расширений на панели?

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

Ситуация такая.
На предыдущей версии 78esr иконки стояли строго на одном месте. есть одна цифра на иконке или трехзначная цифра на иконке. Все равно иконка занимала определенное место на панели
А после обновления на 91esr иконки стали чуть двигаться. То есть вот на скрине иконка масштаба (расширение zoom_page_we). показан масштаб 130. если открыть страницу с масштабом 90, то на иконке цифра с трех знаков 130 смнеится на два знака - 90 и иконка будет занимать более узкое место и остальные иконки слева от нее чуть сдвинутся вправо.
то же относится к иконкам uBlock, tampermonk, короче к иконкам с цифрами
Вот подумалось, может можно стилем задать фиксированную ширину для всех иконок, например 20 пикселов, и они будут на месте, как было в 78esr

Отредактировано Oleg_V (13-08-2021 01:17:07)

varmed · №10836

DateN пишет

Подскажите, как убрать промежуток под вкладкой? Как сделать текст во вкладке побольше?
Загрузка на форум не доступна (You do not have permissions to access upload module. Please, contact Administration), прилагаю ссылку с файлообменника.
https://dropmefiles.net/ru/aZRWUTy95X

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

Выделить код

Код:

/* скрыть линии над и под панелью навигации */
#nav-bar {
    box-shadow: none !important;
}
#navigator-toolbox {
    border: none !important;
}

@-moz-document url("chrome://browser/content/browser.xhtml") {
:root {
    --tab-shadow-max-size: 0px !important; /*  */
    --tab-block-margin: 0px !important;
    --proton-tab-block-margin: 0px !important;
}

sandro79 · №10837

DateN пишет

Подскажите, как убрать промежуток под вкладкой? Как сделать текст во вкладке побольше?

Так можно

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

Выделить код

Код:

:root:not([uidensity="touch"]) {
    --tab-block-margin: 0px !important;
}
.tabbrowser-tab .tab-text {
    font-size: 14px !important;
}

Oleg_V пишет

А после обновления на 91esr иконки стали чуть двигаться. То есть вот на скрине иконка масштаба (расширение zoom_page_we). показан масштаб 130. если открыть страницу с масштабом 90, то на иконке цифра с трех знаков 130 смнеится на два знака - 90 и иконка будет занимать более узкое место и остальные иконки слева от нее чуть сдвинутся вправо.

Не получилось воспроизвести обозначенную вами проблему. Ни в компактном ни в обычном режиме значков.
Цифры находятся строго в своём пространстве, вне зависимости от количества. Без стилей проверяли? Стили свои посмотрите.
Если бы проблема была глобальной, несомненно тут бы уже кто-то сообщил об ней ещё с 89-ой версии.

Скриншоты со стилями и без них

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

Попробуйте фикс ниже, взятый из кода отсюда

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

Выделить код

Код:

.toolbarbutton-badge {
    margin-inline-end: calc(-1 * (var(--toolbarbutton-outer-padding) + var(--toolbarbutton-inner-padding))) !important;
}

Oleg_V · №10838

sandro79 пишет

Попробуйте фикс ниже, взятый из кода отсюда

спасибо, все работает, не дергается

2. Еще вопрос:
в адресной строке есть окно масштаба (не знаю от расширения или от самого фокса), см скрин
можно стилями регулировать это окно?
например, текст центрировать по вертикали, как видно на скрине текст прижат вниз
уголки закруглить, как было на 78esr, а тут на 91esr почету-то углы квадратные...

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

Отредактировано Oleg_V (13-08-2021 13:57:24)

DateN · №10839

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

varmed пишет

DateN пишетПодскажите, как убрать промежуток под вкладкой? Как сделать текст во вкладке побольше? Загрузка на форум не доступна (You do not have permissions to access upload module. Please, contact Administration), прилагаю ссылку с файлообменника.https://dropmefiles.net/ru/aZRWUTy95Xскрытый текстВыделить кодКод* скрыть линии над и под панелью навигации */
#nav-bar {
box-shadow: none !important;
}
#navigator-toolbox {
border: none !important;
}
@-moz-document url("chrome://browser/content/browser.xhtml") {
:root {
--tab-shadow-max-size: 0px !important; /* */
--tab-block-margin: 0px !important;
--proton-tab-block-margin: 0px !important;
}

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

sandro79 пишет

Так можно

Спасибо вам большое

harryk · №10840

В 91 поломались желтые папки в закладках. У всех так? И как теперь сделать?

oleg.sgh · №10841

Oleg_V

в адресной строке есть окно масштаба

Взять нужное: анимация, размер шрифта, отступы, цвет, закругление.

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

Выделить код

Код:

/* индикатор масштаба в адресной */
#urlbar-zoom-button[animate="true"] {
    animation-duration: 0ms !important;}
#urlbar-zoom-button {
    font-size: 20px !important;
    margin-inline: 5px !important;
    margin-top: -3px !important;
    background-color: #D7D7D7 !important;
    border-radius: 10px !important;
}

Отредактировано oleg.sgh (13-08-2021 04:05:59)

harryk · №10842

oleg.sgh пишет

Взять нужное

А как этот urlbar-zoom-button по высоте меньше сделать?

oleg.sgh · №10843

harryk
Может так: height: 16px !important;

f480185 · №10844

Подскажите,пожалуйста,каким обзором можно сменить порядок открывая ссылок в закладках,чтобы на первом месте было открыть в новом окне,а следом было открыть в новой вкладке.

Есть ли возможность скрыть из адресной строки пиктограмму защиты от трекеров.

sandro79 · №10845

harryk пишет

И как теперь сделать?

https://forum.mozilla-russia.org/viewto … 72#p793172

А как этот urlbar-zoom-button по высоте меньше сделать?

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

Или такой вариант

Выделить код

Код:

#urlbar-zoom-button {
	margin-block: calc((var(--urlbar-min-height) - 18px) / 2 - 1px - var(--urlbar-container-padding)) !important;
}
/* поднять текст */
#urlbar-zoom-button > .toolbarbutton-text {
	margin-top: -1px !important;
}

f480185 пишет

чтобы на первом месте было открыть в новом окне,а следом было открыть в новой вкладке. Есть ли возможность скрыть из адресной строки пиктограмму защиты от трекеров

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

Выделить код

Код:

#placesContext_open {
  display: none !important;
}
#placesContext_open\:newwindow {
  -moz-box-ordinal-group: 0 !important;
}
#tracking-protection-icon-container {
 display: none !important;
}

sandro79 · №10846

egorsemenov06 пишет

Уважаемые форумчане как сделать чтобы значки настроек, дополнениий ,персонализации были белого цвета на неактивных вкладках?

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

Выделить код

Код:

.tabbrowser-tab:not([selected="true"]) .tab-icon-image {
	fill: white !important;
}

Oleg_V · №10847

oleg.sgh пишет

Взять нужное: анимация, размер шрифта, отступы, цвет, закругление.

немного не то...
да, эти коды меняют размер иконки, цвет, размер шрифта, местоположение иконки по высоте в urlbar
но сам текст внутри иконки так же остается прижатым к низу иконки

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

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

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

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

Отредактировано Oleg_V (13-08-2021 11:43:33)

f480185 · №10848

Каким обзором можно скрыть кнопку + которая используется для создание новой вкладки.

sonyas75 · №10849

f480185
настройка панели инструментов - перетащить её

Отредактировано sonyas75 (13-08-2021 11:57:20)

Gheorgich · №10850

Ткните носом кто-нибудь, пожалуйста, как отключить proton в 91 версии. Походил по теме, всё разрозненно, где-то просьбы про интервал закладок, где-то про расстояния в контекстном меню. А просто то что делали в about:config "browser.proton.contextmenus.enabled", "browser.proton.doorhangers.enabled", "browser.proton.enabled", "browser.proton.modals.enabled" не нашёл.

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

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