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

andro1d · №11251

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

https://forum.mozilla-russia.org/viewtopic.php?pid=794488#p794488

andro1d пишет

Здравствуйте. Три года назад у меня появился вопрос (https://forum.mozilla-russia.org/viewtopic.php?pid=752878#p752878):
andro1d пишет
Подскажите, как изменить цвет скроллбара?
На который был получен ответ (https://forum.mozilla-russia.org/viewtopic.php?pid=752885#p752885):
Viatcheslav пишет
Да простят меня за кросс-пост - Release Custom Scrollbars · Aris-t2
И всё работало нормально до сегодняшнего обновления. Но теперь скроллбар - дефолтный.
Начал разбираться: выяснил, что FF удалил в профиле (\AppData\Roaming\Mozilla\Firefox\Profiles\%username%\) папку userChrome и файл userChrome.js, а в папке программы (c:\Program Files (x86)\Mozilla Firefox\) ничего не тронул/
Я вернул удаленное в папку профиля, перезапустил FF - без изменений.
Соответственно опять вопрос - подскажите, пожалуйста, как изменить цвет скроллбара?

Может кто-то помочь, пожалуйста?

Подсказали.

Отредактировано andro1d (17-09-2021 13:36:44)

vitalii201 · №11252

unter_officer, отлично, благодарю!

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

sandro79 пишет

Теперь вроде всё поправил.

Работает, но только наполовину: меняет местами заголовки и ссылки, но не окрашивает их в зеленый цвет

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

sandro79 · №11254

Алексей У. пишет

Работает, но только наполовину: меняет местами заголовки и ссылки, но не окрашивает их в зеленый цвет

У меня, на актуальных версиях [firefox] , всё работает корректно, ниже свежий скрин с кодом отсюда, тот скрин после подгонки кода был тоже заменён

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

А вот в 68-ой версии да, не понимает она :not(a.fl:link), удалите это из правила и будет работать, но и окрасится "Перевести эту страницу". Так можно ещё, но больше вариантов у меня нет

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

Выделить код

Код:

.DKV0Md {
  top: -28px;
  position: relative;
}
.NJjxre {
  top: 24px !important;
}
.eFM0qc {
  top: 24px !important;
  position: relative;
}
.yuRUbf {
 margin-bottom: -6px;
}
cite, .dyjrff {
    font-size: 18px !important;
    color: green !important;
    font-weight: bold;
}

_zt · №11255

Viatcheslav пишет

Как исправить?

Он и не будет работать как задумано, скобку со второй строки переместите в конец кода. Не факт что это решение, но начать следует с этого.

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

sandro79 пишет

А вот в 68-ой версии да, не понимает она :not(a.fl:link), удалите это из правила и будет работать, но и окрасится "Перевести эту страницу".

Удалил, пока работает нормально. "Перевести...", к счастью, осталось фиолетовым

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

momo2000 · №11257

sandro79

Внизу browser.proton.enabled=false и есть border-top у nav-bar (или border-bottom у navigator-toolbox) и border-bottom у PersonalToolbar

Вверху browser.proton.enabled=true и их нет, как добавить?

Выделить код

Код:

#nav-bar,
#PersonalToolbar {
  border: 2px !important;
}

Что то не работает даже так

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

sandro79 пишет

А вот в 68-ой версии да, не понимает она :not(a.fl:link), удалите это из правила и будет работать, но и окрасится "Перевести эту страницу".

Почему-то не сместилась вниз ссылка в правой части страницы

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

unter_officer · №11259

momo2000 пишет

sandro79
Выделить код
Код:
#nav-bar,
#PersonalToolbar {
  border: 2px !important;
}
Что то не работает даже так

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

Выделить код

Код:

#nav-bar,
#PersonalToolbar {
  border: 2px groove #D8DFE5 !important;
}

Отредактировано unter_officer (17-09-2021 22:16:00)

sandro79 · №11260

momo2000 пишет

есть border-top у nav-bar (или border-bottom у navigator-toolbox) и border-bottom у PersonalToolbar

Ну так и надо вписать border-top или border-bottom и т.д., выбирите что вам подходит

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

var(--chrome-content-separator-color) можно заменить на свой цвет

Выделить код

Код:

#nav-bar {
    border-top: 2px solid var(--chrome-content-separator-color); 
}
#PersonalToolbar {
    border-bottom: 1px solid var(--chrome-content-separator-color); 
}
#navigator-toolbox {
    border-bottom: 2px solid var(--chrome-content-separator-color) !important; 
}

У панели закладок нет бордюра, это нижний бордюр #navigator-toolbox.
А вообще, то не бордюр у #nav-bar, а тень #nav-bar {box-shadow: 0 calc(-1 * var(--tabs-navbar-shadow-size)) 0 var(--tabs-border-color);} И так её лучше вернуть и сделать толще, если нужно

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

Выделить код

Код:

#nav-bar {
    --tabs-border-color: threedshadow;
    --tabs-navbar-shadow-size: 2px;
}

Алексей У. пишет

Почему-то не сместилась вниз ссылка в правой части страницы

Чую я, много ещё косяков вылезет, лучше вам наверно использовать первоначальный тот код. Это ещё добавьте

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

Выделить код

Код:

.VjDLd .TieM1d .tjvcx, .IVvPP .tjvcx, .kno-kp .tjvcx, .VjDLd .kp-wholepage-osrp .tjvcx, #rhs .ss6qqb .tjvcx {
  height: unset !important;
  top: 24px;
  position: relative;
}

Отредактировано sandro79 (18-09-2021 01:41:32)

momo2000 · №11261

unter_officer sandro79 :beer:

sandro79 пишет

Ну так и надо вписать border-top или border-bottom и т.д., выбирите что вам подходит

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

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

sandro79 пишет

Это ещё добавьте
скрытый текст
Выделить код
Код:
.VjDLd .TieM1d .tjvcx, .IVvPP .tjvcx, .kno-kp .tjvcx, .VjDLd .kp-wholepage-osrp .tjvcx, #rhs .ss6qqb .tjvcx {
  height: unset !important;
  top: 24px;
  position: relative;
}

Спасибо, вроде помогло.

Чую я, много ещё косяков вылезет

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

Erik010 · №11263

В скине есть строка: "toolbar_top_separator": "#2B2E39"
Как скрыть этот сепаратор с помощью userChrome.css

DenKa · №11264

Как можно уменьшить расстояние от главного меню?

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

sandro79 · №11265

DenKa пишет

Как можно уменьшить расстояние от главного меню?

Так попробуйте

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

Выделить код

Код:

#menubar-items {
margin-top: 2px !important;
}
#TabsToolbar {
margin-top: -2px !important;
}

Если не устроит, смотрите стиль в предпоследнем сообщении на странице 406.

Ещё вариант

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

Выделить код

Код:

#menubar-items {
    margin-top: 2px !important;
}
#toolbar-menubar {
    height: 22px !important;
}

Отредактировано sandro79 (19-09-2021 15:47:49)

DenKa · №11266

sandro79 пишет

Так попробуйте

Спасибо! То, что нужно. Поставил даже чуть больше - 3px.

Ник 22 · №11267

Подскажите пожалуйста. Можно ли сделать так чтобы кнопка реверса во время загрузки страницы была одним цветом ( например красным) а когда страница загрузится она бы приобретала другой цвет.
У кнопки реверса вот такой код;

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

#reload-button > .toolbarbutton-icon {
background-color: #98acc8 !important;
width: 30px !important;
height: 30px !important;
}

Отредактировано Ник 22 (19-09-2021 12:05:14)

sonyas75 · №11268

Ник 22 пишет

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

у мну именно так работают аж целых три индикатора, но вот кнопки reload (ctrl+r) среди них нет. цвет меняют (с помощью цсс) полоса загрузки страницы в адресбаре и троббер (или троблер, или фиг знает как его, короче, throbber) в табе. и с помощью расширения load-progress-bar GitHub - luben/load-progress-bar: Minimalistic load progress bar addon for Firefox оно же Load Progress Bar – расширение
именно кнопку может спецы перерисуют :blush:

Отредактировано sonyas75 (19-09-2021 12:39:12)

igr40 · №11269

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

andro1d · №11270

sandro79
https://forum.mozilla-russia.org/viewtopic.php?pid=794271#p794271

sandro79 пишет

тот код для скрипта. Если сильно нужны всплывающие миниатюры, скачайте с диска Яндекса, комплект запуска скриптов, и расположите его содержимое как сказано в инструкции. Миниатюры должны появится сразу, там всё уже готово к использованию.

Установив только userChrome.js и скрипт для скроллбаров, заметил следующее:
- вкладки стали поУже
- закладки открываются в новой вкладке, а не в текущей
- изменение адреса приводит к открытию в новой вкладке, а не в текущей

Я так понимаю, это всё прописано в userChrome.js. Если да, то что еще он меняет, скажите, пожалуйста?

sandro79 · №11271

andro1d пишет

Я так понимаю, это всё прописано в userChrome.js. Если да, то что еще он меняет, скажите, пожалуйста?

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

Нет, не в userChrome.js. Где это прописано, сказано в помещённом архив файле info.txt. Прописано это в конце config.js Настройка для включения поддержки стилей toolkit.legacyUserProfileCustomizations.stylesheets уже была прописана автором комплекта, а я добавил ещё, на мой взгляд, пять полезных настроек.
Эти настройки, кроме первой можно смело удалить. Если вам нужны конского размера панели, а также открытие всего в текущей вкладке, перейдите в about:config и переключите эти настройки в дефолтное состояние. Последняя в списке настройка extensions.abuseReport.enabled отключает предложение отправки жалобы на дополнение в диалоге удаления. Больше ничего я не вносил.

Ник 22 · №11272

Подскажите пожалуйста. На панели инструментов есть кнопка расширения Close Other Tabs Button (крайняя слева). Как задать ей цвет?

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

Отредактировано Ник 22 (20-09-2021 20:09:42)

Ник 22 · №11273

Подскажите пожалуйста. Можно ли сделать так чтобы кнопка реверса во время загрузки страницы была одним цветом ( например красным) а когда страница загрузится она бы приобретала другой цвет.
У кнопки реверса вот такой код;

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

#reload-button > .toolbarbutton-icon {
background-color: #98acc8 !important;
width: 30px !important;
height: 30px !important;
}

sandro79 · №11274

Ник 22 пишет

На панели инструментов есть кнопка расширения Close Other Tabs Button (крайняя слева). Как задать ей цвет?

Для всех кнопок от дополнений

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

Выделить код

Код:

.webextension-browser-action > .toolbarbutton-badge-stack {
	background-color: #98acc8;
	--toolbarbutton-hover-background: grey;
}

Насчёт кнопки реверса не знаю. Фон при наведении указателя добавил.

Отредактировано sandro79 (21-09-2021 12:26:54)

Ник 22 · №11275

sandro79 пишет

}Насчёт кнопки реверса не знаю.

Работает. Спасибо большое.

Отредактировано Ник 22 (20-09-2021 23:05:38)

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

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