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

woe495 · №13526

fuchsfan, спасибо.

Панель закладок
«chevron-double-right»
решено

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

Код:

#PlacesChevron {
  fill: #000000 !important;
}

Панель закладок
вертикальный «separator»
не решено

https://forum.mozilla-russia.org/viewto … 61#p808061

6e73epo · №13527

woe495, почему в темной теме панель закладок остается светлой или так задумано? Тогда можно попробовать

Выделить код

Код:

#PersonalToolbar {
  --toolbarseparator-color: red;
}

woe495 · №13528

6e73epo, спасибо.

Панель закладок
вертикальный «separator»
решено
https://forum.mozilla-russia.org/viewto … 61#p808061

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

Выделить код

Код:

#PersonalToolbar {
  --toolbarseparator-color: #000000 !important;
}

Панель закладок
Можно изменить цвет выделения папки?

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

Почему в темной теме панель закладок остается светлой?
Так задумано. Когда код будет готов, тогда я буду перебирать разные цвета.
Полный код -
https://forum.mozilla-russia.org/viewto … 11#p804211

Отредактировано woe495 (30-12-2023 01:25:10)

6e73epo · №13529

woe495, --toolbarseparator-color: #000000 !important; без !important не работает?

Можно изменить цвет выделения папки?

по соседству добавить вторую переменную
--toolbarbutton-active-background: red;

Отредактировано 6e73epo (29-12-2023 22:32:34)

woe495 · №13530

6e73epo, спасибо.

Панель закладок
цвет выделения папки
решено
Я добавил - toolbarbutton-hover-background
Нашел это здесь - https://searchfox.org/mozilla-release/s … uttons.css

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

Выделить код

Код:

#PersonalToolbar {
  --toolbarbutton-hover-background: #dddde4 !important;
  --toolbarbutton-active-background: #cfcfd8 !important;
}

без !important не работает?
Работает. Добавил, потому что в коде
https://forum.mozilla-russia.org/viewto … 11#p804211
во многих строках стоит - !important;

Отредактировано woe495 (30-12-2023 23:55:10)

xrun1 · №13531

woe495
Посмотрел у себя "боевую раскраску", может, и Вам пригодится. Перекрашивает выделение панели закладок. Код не мой, делал по аналогии с боковой панелью.

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

Выделить код

Код:

/* раскраска иконок на панели закладок, по аналогии с предыдущим стилем для боковой панели */
#PlacesToolbarItems > toolbarbutton.bookmark-item:hover:not([open]) {
  background-color: blue !important;
  color: white !important;
}
#PlacesToolbarItems > toolbarbutton.bookmark-item[open="true"] {
  background-color: red !important;
  color: white !important;
}
#PlacesToolbarItems > toolbarbutton.bookmark-item[open="true"]:not(:hover) {
  background-color: darkred !important;
  color: white !important;
}
/* С 108-й перестал работать background-color для кнопок; разделил с тем, что выше */
#PlacesChevron:hover:not([open]) {
  --toolbarbutton-hover-background: blue !important;
  fill: white !important;
}

#PlacesChevron[open="true"] {
  --toolbarbutton-active-background: red !important;
  fill: white !important;
}
#PlacesChevron[open="true"]:not(:hover) {
  --toolbarbutton-active-background: darkred !important;
  fill: white !important;
}
/* уменьшение пробелов в панели Закладок слева от иконки и справа от текста https://forum.mozilla-russia.org/viewtopic.php?pid=763384#p763384 */
#PlacesToolbarItems > toolbarbutton.bookmark-item {
    max-width: 7em !important;
    margin: 0 !important;
    padding: 1px !important;
}

#PlacesToolbarItems > toolbarbutton.bookmark-item > .toolbarbutton-icon[label]:not([label=""]) {
    margin-inline-end: 1px !important;
}
/* сдвигает первую иконку в панели Закладок на 5px вправо */
#PlacesToolbarItems {
    margin-left: 5px !important;
    margin-top: 0 !important
    margin-bottom: 0 !important;
}
/* цвет панели закладок */
#personal-bookmarks:not(:-moz-lwtheme) {
    background-color: #40E0D0 !important;
    color: #A0522D !important;
}

Если нужно, выложу и боковую панель.

oneliner · №13532

kokoss пишет

oneliner пишет
не нашел я в manifest таких строк,мне эту рамочку убрать и всё было бы просто идеально
Тему какую используйте?

Пользуюсь двумя:
Gray themes от Richard Sdef
AMD RyzenGray от j1mp492
Если нужно отредактировать файлы,тыкните куда искать и что переписать

Отредактировано oneliner (30-12-2023 11:14:36)

ALEXS135 · №13533

День добрый! Подскажите, пожалуйста, как "закруглить" окно и кнопки. Заранее спасибо.

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

fuchsfan · №13534

ALEXS135 пишет

как "закруглить" окно

Выделить код

Код:

/* userContent.css */
.dialogBox {
	border-radius: 32px !important;
}

ALEXS135 · №13535

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

kokoss · №13536

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 · №13537

ALEXS135 пишет

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

userContent.css? :rolleyes:

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

ALEXS135 · №13538

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

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

kokoss · №13539

ALEXS135 пишет

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

Видимо это:

ALEXS135 · №13540

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

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

kokoss · №13541

ALEXS135 пишет

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

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

oneliner · №13542

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 · №13543

kokoss пишет

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

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

negodnik · №13544

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

oneliner · №13545

Помогите пожалуйста с 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 · №13546

oneliner пишет

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

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

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

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

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

kokoss · №13548

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

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

Как вариант:

Выделить код

Код:

.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)

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

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

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

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

fuchsfan · №13550

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

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

Выделить код

Код:

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

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

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