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

kokoss · №13726

oneliner

Код:

.tab-background[selected]:not([multiselected="true"]):-moz-lwtheme {
  outline: 0px solid var(--lwt-tab-line-color, var(--lwt-tabs-border-color, transparent)) !important;
}

fuchsfan · №13727

ALEXS135 пишет

Спасибо за помощь, но не сработало

userContent.css? :rolleyes:

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

ALEXS135 · №13728

fuchsfan
Это какое окно? Удаление кук и данных сайтов? Вроде бы нет.

Отредактировано ALEXS135 (30-12-2023 21:32:27)

kokoss · №13729

ALEXS135 пишет

Это какое окно?

Видимо это:

ALEXS135 · №13730

kokoss
Спасибо!
Это для "Content.css'' в спешке, я не заметил :dumb:
Понятно. Как это "закруглить" замок в адресной строке, не подскажете?

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

kokoss · №13731

ALEXS135 пишет

Как это "закруглить" замок в адресной строке, не подскажете?

Не подскажу, и зачем его вообще закруглять?!

oneliner · №13732

kokoss пишет

oneliner

Выделить код

Код:

.tab-background[selected]:not([multiselected="true"]):-moz-lwtheme {
  outline: 0px solid var(--lwt-tab-line-color, var(--lwt-tabs-border-color, transparent)) !important;
}

Спасибо вам большое!
Пришлось конечно самому немного разобраться,а именно что в about:config нужно
задействовать параметр toolkit.legacyUserProfileCustomizations.stylesheets и создать
папку chrome в корне профиля браузера с файлом userchrome.css в который нужно
ввести эти параметры
(извиняюсь что не по теме, нужно увеличить буфер загрузки потокового видео
типа ютуб и тп, просто у 4к буфер буквально на пол минуты, от чего иногда возникают проблемы,
не подскажете,какой параметр отвечает за его размер?)
С наступающим вас! :beer:

Отредактировано oneliner (31-12-2023 00:41:52)

ALEXS135 · №13733

kokoss пишет

ALEXS135 пишет
Как это "закруглить" замок в адресной строке, не подскажете?
Не подскажу, и зачем его вообще закруглять?!

А почему нет?! Все окна круглые, осталось_3 штуки "всплывашки" (загрузка, торрент, удаление кук) С наступающим!

negodnik · №13734

Сам замок, не "всплывашку"? Так — https://www.upload.ee/image/16111576/security-new.png ?

oneliner · №13735

Помогите пожалуйста с userChrome.css
1.Есть ли у кого готовые изображения кнопок свернуть\окно\закрыть взамен грубых стандартных
и что для этого нужно прописать в userChrome.css
2.Создал параметр для уменьшения адресной панели,но при вводе в поле url поискового запроса
снизу всплывают варианты и это окно полностью прозрачное+ смещается вверх поле url
#urlbar {
min-height: 20px !important;
height: 20px !important;
3.как убрать синюю обводку вокруг адресной строки когда открываешь новую вкладку?
https://www.upload.ee/image/16113021/__ … 224430.png
4.Панель вкладок тоже хотел чуть уменьшить параметром
#tabbrowser-tabs {
height: 20px !important;
но там снизу какая то полоса перекрывает

Отредактировано oneliner (31-12-2023 23:50:23)

fuchsfan · №13736

oneliner пишет

1.Есть ли у кого готовые изображения кнопок свернуть\окно\закрыть взамен грубых стандартных
и что для этого нужно прописать в userChrome.css

https://forum.ru-board.com/topic.cgi?fo … art=720#17

Злой Буратино · №13737

Всех с Наступившим.
Подскажите, возможно ли как-то выделить (шрифт, цвет) неактивную вкладку, в которой воспроизводится звук\видео?

Отредактировано Злой Буратино (01-01-2024 15:19:29)

kokoss · №13738

Злой Буратино пишет

Подскажите, возможно ли как-то выделить (шрифт, цвет) неактивную вкладку, в которой воспроизводится звук\видео?

Как вариант:

Выделить код

Код:

.tabbrowser-tab[soundplaying]:not([selected]) > .tab-stack > .tab-background {  
  background-color: blue;
}

Добавлено 01-01-2024 22:07:44
oneliner
1. https://forum.mozilla-russia.org/viewto … 60#p806960
2/4 как вариант -> user_pref("browser.uidensity", 1);
3.как убрать синюю обводку вокруг адресной строки когда открываешь новую вкладку?

Выделить код

Код:

:root {
  --toolbar-field-focus-border-color: color-mix(in srgb, var(--focus-outline-color) 0%, transparent) !important;
}

Отредактировано kokoss (01-01-2024 22:09:55)

Злой Буратино · №13739

kokoss
Спасибо, работает.
А можно как-то изменить шрифт? К примеру его цвет и начертание (жирный, курсив)?

UPD. Разобрался.

Отредактировано Злой Буратино (02-01-2024 17:33:06)

fuchsfan · №13740

Злой Буратино пишет

А можно как-то изменить шрифт? К примеру его цвет и начертание (жирный, курсив)?

Выделить код

Код:

.tab-text {
	font-size: 16px !important;
	font-weight: bold !important;
	font-family: FreeMono !important;
}

f480185 · №13741

Как можно скрыть пиктограмму запуска "дополнений"

kokoss · №13742

oneliner пишет

Осталось только скролл-бар сделать тоньше так в половину,со скруглением если возможно

Как вариант:

Выделить код

Код:

user_pref("widget.non-native-theme.scrollbar.style", 5);
user_pref("ui.useOverlayScrollbars", 1);

Добавлено 05-01-2024 22:15:56

f480185 пишет

Как можно скрыть пиктограмму запуска "дополнений"

Попробуйте так:

Выделить код

Код:

#add-ons-button {
    display: none !important;
}

Отредактировано kokoss (05-01-2024 22:15:56)

f480185 · №13743

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

kokoss пишет

oneliner пишет
Осталось только скролл-бар сделать тоньше так в половину,со скруглением если возможно
Как вариант:
Выделить код
Код:
user_pref("widget.non-native-theme.scrollbar.style", 5);
user_pref("ui.useOverlayScrollbars", 1);
Добавлено 05-01-2024 22:15:56
f480185 пишет
Как можно скрыть пиктограмму запуска "дополнений"
Попробуйте так:
Выделить код
Код:
#add-ons-button {
    display: none !important;
}

Спасибо Вам.

Хотелось бы еще скрыть "поиск вкладок",а также уменьшить размер вкладки как это было реализовано в прошлых версиях [примерно [firefox] 97]

6e73epo · №13744

Алексей У., начните так

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

Выделить код

Код:

.mini-suggest__overlay {
  visibility: visible !important;
  opacity: 0 !important;
}

.HeaderDesktopForm-Submit {
  display: block !important;
}

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

6e73epo пишет

Алексей У., начните так

Спасибо, вы мне очень помогли в этом вопросе. Кстати, вроде бы работает без первого правила.

dioxin · №13746

Подскажите, перешёл с версии 108 на версию 121, и перестал работать цвет активного таба, как можно исправить? Не работает этот параметр:

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

Выделить код

Код:

.tab-background[selected="true"] {
  background-color: #323234 !important;
  background-image: none !important;
}

Отредактировано dioxin (06-01-2024 16:57:47)

fuchsfan · №13747

dioxin пишет

Подскажите, перешёл с версии 108 на версию 121, и перестал работать цвет активного таба,

Попробуйте первую строку представить так
.tab-background[selected] {

f480185 · №13748

Все привет!
В чем может быть ошибка не срабатывает данный код в 115 esr

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

Выделить код

Код:

root {
	--arrowpanel-menuitem-padding: 4px 8px !important;
}

Выделить код

Код:

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

Выделить код

Код:

.tab-background {
	border-radius: 0 0 !important;
	margin-block: 0 0 !important;
}

Отредактировано f480185 (06-01-2024 21:16:43)

Farby · №13749

Злой Буратино
Спасибо вам, и да я конечно надеялся, но есть на GirHub ещё такое, правда ryan про китайское больше думает, но ссылки есть!!! А самое главное есть разные переводчики ну например с китайского...

Добавлено 06-01-2024 21:23:16
Ну или в общем там много ссылок, если посмотреть здесь
зы: ссыска может и не прокатит, но можен текст подойдёт [还在用 FF 的大佬]

Отредактировано Farby (06-01-2024 21:23:16)

dioxin · №13750

fuchsfan пишет

Попробуйте первую строку представить так
.tab-background[selected] {

Спасибо, помогло.

Ещё обнаружил в 121 версии в меню закладок увеличилось расстояние между строчками, и появились скругления при выделении. Можно это уменьшить как было? При этом основное меню (три горизонтальные линии в правом верхнем углу) отображаются нормально. Возможно что-то из этого кода перестало выполняться для закладок:

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

Выделить код

Код:

/* Уменьшаем промежуток между элементами главного меню */
:root {
	--arrowpanel-menuitem-padding: 4px 8px !important;
}

/* Уменьшаем промежуток между элементами различных меню (верхнее меню, контекстное, панель закладок и т.д.) */
menupopup > menuitem, menupopup > menu {
	padding-block: 2px !important;
}

/* Уберем закругленные углы и отступ между вкладками и панелькой ниже */
.tab-background {
	border-radius: 0 0 !important;
	margin-block: 0 0 !important;
}

/* Радиус Меню */
.menupopup-arrowscrollbox {
    border-radius: 0px !important;
}

/* Радиус главного меню */
:is(menupopup, panel)[type=arrow] {
  --panel-border-radius: 0px !important;
}

/* Радиус при наведении на элемент в главном меню */
.subview-subheader, panelview .toolbarbutton-1, .subviewbutton, .widget-overflow-list .toolbarbutton-1 {
	margin: 0px !important;
	min-height: 0px !important;
	border-radius: 0px !important;
}

Отредактировано dioxin (07-01-2024 02:36:46)

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

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