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

Karn · №5176

Здравствуйте, помогите пожалуйста понять, как использовать UserChrome.css вместе с Stylus? Раньше, в Stylish и старом FF всё работало, а теперь добавляю в Stylus код и ничего не происходит.

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

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* Сообщение видео, раскрытого на весь экран */
#full-screen-warning-message
{display: none;}

tagnupip · №5177

Karn пишет

Здравствуйте, помогите пожалуйста понять, как использовать UserChrome.css вместе с Stylus? Раньше, в Stylish и старом FF всё работало, а теперь добавляю в Stylus код и ничего не происходит.
скрытый текст
Выделить код
Код:
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* Сообщение видео, раскрытого на весь экран */
#full-screen-warning-message
{display: none;}

full-screen-api.warning.timeout = 0

Karn · №5178

tagnupip
Спасибо, но дело не в конкретно этом примере, остальные коды тоже не работают. Может я неправильно создаю стиль? Стили для сайтов работает, а вот UserChrome нет.

momo2000 · №5179

Подскажите как убать

drage2 · №5180

Vitaliy V.
Хотел такой же фокус провернуть и в адрес строке ...Бомбил urlbarBindings.xml и никак, конечно...
mask-image: linear-gradient(to left, transparent, black 3em); - тоже убрал из browser.css

Vitaliy V. · №5181

Karn пишет

как использовать UserChrome.css вместе с Stylus?

никак это webextension,
только с webextensions experiments можно получить доступ к интерфейсу [firefox] ...

momo2000

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

Выделить код

Код:

@-moz-document url("chrome://browser/content/places/places.xul") {
  #editBMPanel_tagsRow, #editBMPanel_tagsSelectorRow, #editBMPanel_keywordRow {
    display: none !important;
  }
}

drage2
в конце адресной строки? там стилем можно
+ для строки поиска

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

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");

#urlbar html|input.urlbar-input[textoverflow="end"],
#urlbar html|input.urlbar-input::-moz-placeholder,
.searchbar-textbox html|input.textbox-input,
.searchbar-textbox html|input.textbox-input::-moz-placeholder {
    mask-image: none !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

drage2 · №5182

Vitaliy V.
Да, нет, хотел те же три точки, как во вкладке. Тухлость текста убрал browser.urlbar.formatting.enabled = false и mask-image: - выбросил ...
Стиль не помогает, просто отодвигаю текст от крайней кнопки в адресе ...

Vitaliy V. · №5183

drage2
у меня стиль работает за исключением когда фокус в поле ввода,
если правильно понял

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

пространства имён добавил?

drage2 · №5184

Vitaliy V.

Vitaliy V. пишет

пространства имён добавил?

???
В 63 работает, в 61 и 64 - нет...

Vitaliy V. · №5185

drage2 пишет

???

это в начало файла но после @import если есть
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");
или замени в коде html| на *|

Отредактировано Vitaliy V. (11-12-2018 16:56:27)

drage2 · №5186

Vitaliy V.
В 63 заработало, косяк был в настройках firefox.js , а в 61 - напрочь нет.

Vitaliy V. · №5187

drage2 пишет

в 61 - напрочь нет.

замени [textoverflow="end"] на
[textoverflow="true"]

drage2 · №5188

Vitaliy V.
Да, получилось!

Karn · №5189

Vitaliy V. пишет

никак это webextension,
только с webextensions experiments можно получить доступ к интерфейсу

Спасибо, долго бы я мучался. Для экспериментов нужен nightly?

Отредактировано Karn (11-12-2018 23:12:14)

Vitaliy V. · №5190

Karn пишет

Для экспериментов нужен nightly?

или Developer Edition как у меня на скрине выше (недавно тоже занялся экспериментами)
впрочем можете и с релизной версией попробывать с тем кодом от Dumby
правда не знаю когда там отключат возможность запускать код из конфигурационного файла

momo2000 · №5191

Vitaliy V.
:beer:

для about:addons есть код

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

#category-discover{display:none!important}
#category-theme{display:none!important}
#category-plugin{display:none!important}
#category-recentUpdates{display:none!important}

.alert{display:none!important}
#custombuttons-sort-bar{display:none!important}

.description-container{display:none!important}
.addon.addon-view{padding:0px!important}
.icon-container>.icon{width:16px!important;height:16px!important}
.control-container>button{margin:0px!important}
.addon-view *{font-size:11px!important}

Но как уменьшить отступ между расширениями и убрать широкую окантовку при наведении?

ALEX_45_ORP · №5192

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

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

Отредактировано ALEX_45_ORP (12-12-2018 10:20:53)

v4386 · №5193

Vitaliy V.
Пользовался вашим стилем для тёмной темы:

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

Выделить код

Код:

#main-window:-moz-lwtheme-brighttext { /* Для темной темы */
    --url-and-searchbar-background-color: black !important; /* Цвет Адресной панели и Панели поиска */
    --url-and-searchbar-color: #ffffff !important; /* Цвет шрифта внутри Адресной строки и Панели поиска */
    --chrome-background-color: #0a740a !important; /* Цвет Панели вкладок */
    --chrome-color: #ffffff !important; /* Цвет всех кнопок, папок и шрифта для закладок и папок в Панели закладок */
    --lwt-text-color: #ffffff !important;
    --chrome-secondary-background-color: #0a740a !important; /* Цвет Панели инструментов и Панели закладок */
    --urlbar-separator-color: #ffffff !important; /* Цвет сепаратора внутри Адресной строки */
    --toolbox-border-bottom-color: black !important; /* Цвет нижнего Бордюра под Панелью закладок */
    --chrome-nav-bar-controls-border-color: black !important; /* Цвет Бордюра Адресной панели и Панели поиска */
    --toolbar-bgcolor: #0a8c0a !important; /* Цвет Активной вкладки */
    --toolbar-bgimage: none !important; /* Нет рисунка в Активной вкладки */
    --toolbar-color: #ffffff !important; /* Цвет шрифта Активной вкладки */
    --lwt-tab-text: #ffffff !important;
    --toolbarbutton-icon-fill-opacity: 1 !important;
}

Но с сегодняшним обновлением FF до 64-й версии, Панель вкладок стала чёрной:

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

хотя до обновления, как видно из стиля, она была зелёной: --chrome-background-color: #0a740a !important; /* Цвет Панели вкладок */
Подскажите, пожалуйста, как в FF64 подправить этот код, чтобы решить данную проблему.

Добавлено 12-12-2018 11:10:45

ALEX_45_ORP пишет

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

Для изменения цвета Полосы прокрутки (на тёмную), я пользуюсь вот таким кодом:

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

Выделить код

Код:

/* Полоса прокрутки для темной темы */
#PanelUI-menu-button {
    -moz-binding: url(data:text/xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+DQo8IS0tIENvcHlyaWdodCAoYykgMjAxNyBIYWdnYWkgTnVjaGkNCkF2YWlsYWJsZSBmb3IgdXNlIHVuZGVyIHRoZSBNSVQgTGljZW5zZToNCmh0dHBzOi8vb3BlbnNvdXJjZS5vcmcvbGljZW5zZXMvTUlUDQogLS0+DQoNCjwhLS0gUnVuIHVzZXJDaHJvbWUuanMvdXNlckNocm9tZS54dWwgYW5kIC51Yy5qcy8udWMueHVsLy5jc3MgZmlsZXMgIC0tPg0KPGJpbmRpbmdzIHhtbG5zPSJodHRwOi8vd3d3Lm1vemlsbGEub3JnL3hibCI+DQogICAgPGJpbmRpbmcgaWQ9ImpzIiBleHRlbmRzPSJjaHJvbWU6Ly9nbG9iYWwvY29udGVudC9iaW5kaW5ncy90b29sYmFyYnV0dG9uLnhtbCNtZW51Ij4NCiAgICAgICAgPGltcGxlbWVudGF0aW9uPg0KICAgICAgICAgICAgPGNvbnN0cnVjdG9yPjwhW0NEQVRBWw0KICAgICAgICAgICAgICAgIGlmKHdpbmRvdy51c2VyQ2hyb21lSnNNb2QpIHJldHVybjsNCiAgICAgICAgICAgICAgICB3aW5kb3cudXNlckNocm9tZUpzTW9kID0gdHJ1ZTsNCiAgICAgICAgICAgICAgICANCiAgICAgICAgICAgICAgICB2YXIgY2hyb21lRmlsZXMgPSBGaWxlVXRpbHMuZ2V0RGlyKCJVQ2hybSIsIFtdKS5kaXJlY3RvcnlFbnRyaWVzOw0KICAgICAgICAgICAgICAgIHZhciB4dWxGaWxlcyA9IFtdOw0KICAgICAgICAgICAgICAgIHZhciBzc3MgPSBDY1snQG1vemlsbGEub3JnL2NvbnRlbnQvc3R5bGUtc2hlZXQtc2VydmljZTsxJ10uZ2V0U2VydmljZShDaS5uc0lTdHlsZVNoZWV0U2VydmljZSk7DQogICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgd2hpbGUoY2hyb21lRmlsZXMuaGFzTW9yZUVsZW1lbnRzKCkpIHsNCiAgICAgICAgICAgICAgICAgICAgdmFyIGZpbGUgPSBjaHJvbWVGaWxlcy5nZXROZXh0KCkuUXVlcnlJbnRlcmZhY2UoQ2kubnNJRmlsZSk7DQogICAgICAgICAgICAgICAgICAgIHZhciBmaWxlVVJJID0gU2VydmljZXMuaW8ubmV3RmlsZVVSSShmaWxlKTsNCiAgICAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgICAgIGlmKGZpbGUuaXNGaWxlKCkpIHsNCiAgICAgICAgICAgICAgICAgICAgICAgIGlmKC8oXnVzZXJDaHJvbWV8XC51YylcLmpzJC9pLnRlc3QoZmlsZS5sZWFmTmFtZSkpIHsNCiAgICAgICAgICAgICAgICAgICAgICAgICAgICBTZXJ2aWNlcy5zY3JpcHRsb2FkZXIubG9hZFN1YlNjcmlwdFdpdGhPcHRpb25zKGZpbGVVUkkuc3BlYywge3RhcmdldDogd2luZG93LCBpZ25vcmVDYWNoZTogdHJ1ZX0pOw0KICAgICAgICAgICAgICAgICAgICAgICAgfQ0KICAgICAgICAgICAgICAgICAgICAgICAgZWxzZSBpZigvKF51c2VyQ2hyb21lfFwudWMpXC54dWwkL2kudGVzdChmaWxlLmxlYWZOYW1lKSkgew0KICAgICAgICAgICAgICAgICAgICAgICAgICAgIHh1bEZpbGVzLnB1c2goZmlsZVVSSS5zcGVjKTsNCiAgICAgICAgICAgICAgICAgICAgICAgIH0NCiAgICAgICAgICAgICAgICAgICAgICAgIGVsc2UgaWYoL1wuYXNcLmNzcyQvaS50ZXN0KGZpbGUubGVhZk5hbWUpKSB7DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgaWYoIXNzcy5zaGVldFJlZ2lzdGVyZWQoZmlsZVVSSSwgc3NzLkFHRU5UX1NIRUVUKSkNCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3NzLmxvYWRBbmRSZWdpc3RlclNoZWV0KGZpbGVVUkksIHNzcy5BR0VOVF9TSEVFVCk7DQogICAgICAgICAgICAgICAgICAgICAgICB9DQogICAgICAgICAgICAgICAgICAgICAgICBlbHNlIGlmKC9eKD8hKHVzZXJDaHJvbWV8dXNlckNvbnRlbnQpXC5jc3MkKS4rXC5jc3MkL2kudGVzdChmaWxlLmxlYWZOYW1lKSkgew0KICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlmKCFzc3Muc2hlZXRSZWdpc3RlcmVkKGZpbGVVUkksIHNzcy5VU0VSX1NIRUVUKSkNCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3NzLmxvYWRBbmRSZWdpc3RlclNoZWV0KGZpbGVVUkksIHNzcy5VU0VSX1NIRUVUKTsNCiAgICAgICAgICAgICAgICAgICAgICAgIH0NCiAgICAgICAgICAgICAgICAgICAgfQ0KICAgICAgICAgICAgICAgIH0NCiAgICAgICAgICAgICAgICANCiAgICAgICAgICAgICAgICBzZXRUaW1lb3V0KGZ1bmN0aW9uIGxvYWRYVUwoKSB7DQogICAgICAgICAgICAgICAgICAgIGlmKHh1bEZpbGVzLmxlbmd0aCA+IDApIHsNCiAgICAgICAgICAgICAgICAgICAgICAgIGRvY3VtZW50LmxvYWRPdmVybGF5KHh1bEZpbGVzLnNoaWZ0KCksIG51bGwpOw0KICAgICAgICAgICAgICAgICAgICAgICAgc2V0VGltZW91dChsb2FkWFVMLCA1KTsNCiAgICAgICAgICAgICAgICAgICAgfQ0KICAgICAgICAgICAgICAgIH0sIDApOw0KICAgICAgICAgICAgXV0+PC9jb25zdHJ1Y3Rvcj4NCiAgICAgICAgPC9pbXBsZW1lbnRhdGlvbj4NCiAgICA8L2JpbmRpbmc+DQo8L2JpbmRpbmdzPg==);
}

Отредактировано v4386 (12-12-2018 11:10:45)

Вит · №5194

Vitaliy V.
Помогите убрать из контекстного меню вкладок: "Выбрать все вкладки и Добавить вкладку в закладки". Обновился на FF 64.0 и эти пункты появились

Добавлено 12-12-2018 14:36:50
ранее установил скроллбар (Custom Scrollbars v1.0.4) , как его края верх и низ сделать овальными? Всем спасибо

Отредактировано Вит (12-12-2018 14:39:41)

dreamkz · №5195

Вит

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

Выделить код

Код:

#context_selectAllTabs, /* Выбрать все вкладки */
#context_bookmarkSelectedTabs, /* Добавить выбранные вкладки в закладки */
#context_bookmarkTab, /* Добавить вкладку в закладки */
#context_moveTabOptions /* Переместить вкладку */  
{
 display: none !important;
}

Отредактировано dreamkz (12-12-2018 20:03:30)

Vitaliy V. · №5196

momo2000 пишет

Но как уменьшить отступ между расширениями и убрать широкую окантовку при наведении?

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

Выделить код

Код:

@-moz-document url("about:addons") {
*|*.addon.card {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    --card-shadow: none !important;
    --card-shadow-hover: none !important;
    --card-shadow-focus: 0 0 0 2px #0a84ff !important;
}
}

ALEX_45_ORP пишет

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

[firefox] 64 + добавили новые css свойства для скроллбара
если добавить в userContent.css

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

Выделить код

Код:

html, body {
    scrollbar-color: rgb(0,116,232) transparent;
    scrollbar-width: thin;
}

то изменится цвет и размер https://developer.mozilla.org/en-US/doc … Scrollbars
но scrollbar-color наследуемое свойство а scrollbar-width нет
поэтому во вложенных элементах применится только цвет scrollbar-color

v4386
попробуйте лучше сделать тему https://forum.mozilla-russia.org/viewto … 43#p764043
как настроите цвета если что можно подписать хотя и это не сложно

Вит пишет

ранее установил скроллбар (Custom Scrollbars v1.0.4) , как его края верх и низ сделать овальными?

что это? если можно туда стиль добавить то border-radius

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

Выделить код

Код:

scrollbar > slider > thumb,
scrollbar > scrollbarbutton {
    border-radius: 5px !important;
}

dezhnev · №5197

Возможно ли убрать scrollbar из #places > #placesView > #placesViewsDeck > #downloadsRichListBox ?
т.е. из меню Загрузок, убирается из history/bookmarks, а из downloads никак:
#places scrollbar{display:none !important;}

dreamkz · №5198

Vitaliy V. пишет

64 + добавили новые css свойства для скроллбара
если добавить в userContent.css

Вот, об этом и хотел спросить. Спасибо огромное! В моей тёмной теме браузера только скроллбар выделялся цветом :rock:

Вит · №5199

dreamkz
Спасибо!

Добавлено 12-12-2018 18:01:48
Vitaliy V.
По скроллбару не помогло. Удивлен что вы спросили "Что это?"

Отредактировано Вит (12-12-2018 18:01:48)

ALEX_45_ORP · №5200

v4386

v4386 пишет

Для изменения цвета Полосы прокрутки (на тёмную), я пользуюсь вот таким кодом:

на 61.0.1 (64-бит) не работает.

Vitaliy V.

Vitaliy V. пишет

64 + добавили новые css свойства для скроллбара
если добавить ...

Vitaliy V. как всегда шикарный совет (проверил на 64, работает), жаль что не сообщил, что мне надо для 61.0.1 (64-бит), а в ней как раз не работает. Будьте до конца добрыми - подскажите и для этой версии

Отредактировано ALEX_45_ORP (12-12-2018 18:10:47)

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

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