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

eugenikus8 · №12626

Помогите. Как в 108 лисе сделать панель закладок как на скрине "было", чтобы отбражались только значки

было

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

стало в 108

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

Мой userChrome.css , что раньше работал

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

Выделить код

Код:

#PlacesToolbarItems > .bookmark-item {max-width: 10px !important;}
#PlacesToolbarItems > .bookmark-item:hover {max-width: 300px !important;}
#PlacesToolbarItems > .bookmark-item {margin: -3px !important;}

Отредактировано eugenikus8 (19-12-2022 15:26:56)

kokoss · №12627

eugenikus8 пишет

Мой userChrome.css , что раньше работал

Код рабочий, проверьте только с эти кодом.

sandro79 · №12628

eugenikus8 пишет

Как в 108 лисе сделать панель закладок как на скрине "было", чтобы отбражались только значки

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

Выделить код

Код:

#PlacesToolbarItems > .bookmark-item:not(:hover,[open]) > .toolbarbutton-text {
  display: none !important;
}

И отступы уменьшить, если нужно

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

Выделить код

Код:

toolbarbutton.bookmark-item:not(.subviewbutton) {
  margin: 1px !important;
  padding: 1px !important;
}

eugenikus8 · №12629

sandro79
Спасибо большое. То, что нужно.

R@MEO · №12630

Прошу прощения, не слежу за темой, что произошло с user_chrome_files, он перестал работать. Настройки открываются, панели все включены, но в браузере их нет. Новый срипт скачать на родной страничке невозможно, она не работает :rolleyes:

Отредактировано R@MEO (20-12-2022 11:15:38)

kokoss · №12631

R@MEO пишет

Новый срипт скачать на родной страничке невозможно, она не работает

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

https://www.mediafire.com/file/a4tm1zgcczefr8p/VitaliyVstyle.github.io-master.zip/file

tannacat · №12632

Помогите, пожалуйста... Пришлось обновить браузер на 108, вылезла очень раздражающая проблема

Сделана зеленая линия вокруг адрессбара

Но когда адрес редактируешь, она вдруг становится синей. Очень-очень раздражает синий цвет
Как от него избавиться???

Отредактировано tannacat (20-12-2022 16:40:13)

R@MEO · №12633

kokoss пишет

R@MEO пишет
Новый срипт скачать на родной страничке невозможно, она не работает
скрытый текст
https://www.mediafire.com/file/a4tm1zgcczefr8p/VitaliyVstyle.github.io-master.zip/file

К сожалению, не работает. Может есть фикс для версии 109?

6e73epo · №12634

tannacat

tannacat пишет

Сделана зеленая линия вокруг адрессбара

Как сделана? Смотрю и selection поменял.

Отредактировано 6e73epo (20-12-2022 20:31:29)

kokoss · №12635

tannacat пишет

Но когда адрес редактируешь, она вдруг становится синей. Очень-очень раздражает синий цвет
Как от него избавиться???

Как вариант:

Выделить код

Код:

#urlbar-background {
  --toolbar-field-focus-border-color: transparent !important;
}

Отредактировано kokoss (20-12-2022 20:38:11)

tannacat · №12636

kokoss пишет

tannacat пишетНо когда адрес редактируешь, она вдруг становится синей. Очень-очень раздражает синий цвет Как от него избавиться???Как вариант:Выделить кодКод:#urlbar-background {
--toolbar-field-focus-border-color: transparent !important;
}
Отредактировано kokoss (Сегодня 20:38:11)

Так не помогло, к сожалению

Добавлено 20-12-2022 22:35:48

6e73epo пишет

Как сделана? Смотрю и selection поменял.
Отредактировано 6e73epo (Сегодня 20:31:29)

Вот так

/* цвет бордюра адресной строки */
*#urlbar-background{ border-color: green !important; }

Вот это не помогло

.urlbarView-row[selected] {
background-color: green !important;
border-color: green !important;
}

А selection - это наверное вот это

/*цвет в адресной строке при выделении */
:-moz-any(#urlbar,#searchbar,*|*.findbar-textbox) *|input::-moz-selection,
*|input.findbar-textbox::-moz-selection {
background-color: green !important;
color: white !important;
}

Отредактировано tannacat (20-12-2022 22:35:48)

kokoss · №12637

tannacat пишет

А selection - это наверное вот это
/*цвет в адресной строке при выделении */
:-moz-any(#urlbar,#searchbar,*|*.findbar-textbox) *|input::-moz-selection,
*|input.findbar-textbox::-moz-selection {
background-color: green !important;
color: white !important;
}

https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/locationbar/selection_color_for_bright_bg.css
или такой вариант: https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/locationbar/selection_color_for_dark_bg.css

Отредактировано kokoss (21-12-2022 00:29:56)

6e73epo · №12638

tannacat, представляю какая катавасия творится у тебя в стилях. Надо смотреть их все, чтобы понять, почему не срабатывает, например то, что тебе предложил kokoss, и все равно идет наложение outline. Попробуй так:

Выделить код

Код:

#urlbar-background {
	border-color: green !important;
	outline-color: transparent !important;
}

xrun1 · №12639

tannacat
Не знаю, как Вы устанавливаете цвет бордюра urlbar. Использую давно типа такого стиля. Лишнее уберёте и свои цвета, комментарии добавил.

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

Выделить код

Код:

/* панели по умолчанию */
#urlbar:not(:-moz-lwtheme) > #urlbar-background,
#searchbar:not(:-moz-lwtheme), #search-box:not(:-moz-lwtheme) {
/*    border: 2px solid green !important; /* установить толщину и цвет */
    border-color: green !important; /* или только цвет */
}
/* при наведении мышкой */
#urlbar:not(:-moz-lwtheme):hover > #urlbar-background,
#searchbar:not(:-moz-lwtheme):hover, #search-box:not(:-moz-lwtheme):hover {
    border-color: red !important;
    background-color: lightblue !important;
    box-shadow: none !important;
}
/* панель активна */
#urlbar:not(:-moz-lwtheme)[focused="true"] > #urlbar-background,
#searchbar:not(:-moz-lwtheme):focus-within, #search-box:not(:-moz-lwtheme)[focused="true"] {
    border-color: blue !important;
    background-color: #FFD700 !important;
    box-shadow: none !important;
}

tannacat · №12640

xrun1 пишет

tannacatНе знаю, как Вы устанавливаете цвет бордюра urlbar. Использую давно типа такого стиля. Лишнее уберёте и свои цвета, комментарии добавил.скрытый текстВыделить кодКод* панели по умолчанию */
#urlbar:not(:-moz-lwtheme) > #urlbar-background,
#searchbar:not(:-moz-lwtheme), #search-box:not(:-moz-lwtheme) {
/* border: 2px solid green !important; /* установить толщину и цвет */
border-color: green !important; /* или только цвет */
}
/* при наведении мышкой */
#urlbar:not(:-moz-lwtheme):hover > #urlbar-background,
#searchbar:not(:-moz-lwtheme):hover, #search-box:not(:-moz-lwtheme):hover {
border-color: red !important;
background-color: lightblue !important;
box-shadow: none !important;
}
/* панель активна */
#urlbar:not(:-moz-lwtheme)[focused="true"] > #urlbar-background,
#searchbar:not(:-moz-lwtheme):focus-within, #search-box:not(:-moz-lwtheme)[focused="true"] {
border-color: blue !important;
background-color: #FFD700 !important;
box-shadow: none !important;
}

Похоже, проблема в другом.
Что-то с файлом userchrome происходит. Я убрала оттуда вообще все, и ничего не поменялось в браузере
Я его удалила из каталога - и опять же ничего не изменилось

unter_officer · №12641

R@MEO пишет

что произошло с user_chrome_files, он перестал работать. Настройки открываются, панели все включены, но в браузере их нет.

У меня в [firefox] 109 UCF в целом работает, но пропала нижняя панель.
Исчезновение нижней панели судя по всему связано с этим: https://hg.mozilla.org/mozilla-central/rev/49cefc94b9bd
Поправить это моих знаний не хватает.

_zt · №12642

unter_officer
Невозможно поправить то чего больше нет. Забудьте.
https://forum.mozilla-russia.org/viewtopic.php?pid=802615#p802615
https://forum.mozilla-russia.org/viewtopic.php?pid=802907#p802907

unter_officer · №12643

_zt пишет

unter_officer
Невозможно поправить то чего больше нет. Забудьте.
https://forum.mozilla-russia.org/viewtopic.php?pid=802615#p802615
https://forum.mozilla-russia.org/viewtopic.php?pid=802907#p802907

_zt
Если я правильно понял, вот ЗДЕСЬ Dumby привел пример, как это исправлено в userChromeJS.
Но у меня не хватает знаний, чтобы на основе этого примера сделать тоже самое в UCF. Поэтому и спросил здесь.
Тем более, что при выходе релиза [firefox] 109 этот вопрос все равно появится не только у меня.

Dumby · №12644

unter_officer пишет

Если я правильно понял, вот ЗДЕСЬ Dumby привел пример, как это исправлено в userChromeJS.

Да, понял правильно. Но, суть, скорее даже в том,
создавать ли выпиленный vbox#browser-bottombox
или можно ведь добавить тулбар прямо вместо него.

Хорошо, допустим создаём

user_chrome_files\vertical_top_bottom_bar\vertical_top_bottom_bar.js

Выделить код

Код:

/*
                document.querySelector("#browser-bottombox")?.append(bottombar);
*/
                let id = "browser-bottombox", box = document.getElementById(id);
                if (!box) {
                    box = document.createXULElement("vbox");
                    box.id = id;
                    document.getElementById("a11y-announcement")?.before(box);
                }
                box.append(bottombar);

unter_officer · №12645

Dumby, большое спасибо!

tannacat · №12646

kokoss, 6e73epo ,xrun1 - всем огромное спасибо!
Нашла причину - не в той папке userchrome редактировала :lol:
Все позеленело, как надо.

LittleMontana · №12647

как скрыть только на ютубе вот такое вот
может как то через config

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

tagnupip · №12648

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

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

kokoss · №12649

tagnupip пишет

или сменить цвет на не приметный?

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

Выделить код

Код:

@-moz-document url("about:newtab"), url("about:home") {
body[lwt-newtab-brighttext] {
  --newtab-primary-action-background: transparent !important;
}
}

добавить в файл userContent.css

tagnupip · №12650

kokoss пишет

tagnupip пишетили сменить цвет на не приметный?Попробуйте так:Выделить кодКод:@-moz-document url("about:newtab"), url("about:home") {
body[lwt-newtab-brighttext] {
--newtab-primary-action-background: transparent !important;
}
}добавить в файл userContent.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

Код:

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

Board footer