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

Заказывай стафф с атрибутикой Mozilla и... пусть все вокруг завидуют тебе! Быть уникальным - быть с Mozilla!

№1235115-08-2022 22:47:56

Dumby
Участник
 
Группа: Members
Зарегистрирован: 12-08-2012
Сообщений: 1785
UA: Firefox 78.0

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

austri
Не надо здесь писать. Специальную тему выделили.

Отсутствует

 

№1235215-08-2022 23:18:19

CoolCmd
Участник
 
Группа: Members
Зарегистрирован: 29-09-2008
Сообщений: 682
UA: Firefox 103.0

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

kokoss
этот код загружает файл chrome\userChromeAgent.css
у меня в config.js еще кое-какой код есть, но он к нашей теме отношения не имеет.

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

Выделить код

Код:

// Первую строку файла Firefox пропускает.
'use strict';
// Папка chrome в профиле.
const file = Cc['@mozilla.org/file/directory_service;1'].getService(Ci.nsIProperties).get('UChrm', Ci.nsIFile);
// В профиле удаленной отладки нет папки chrome.
// TODO Есть более надежный способ пропустить этот профиль?
if (file.exists()) {
	const AGENT_SHEET  = 0;
	const USER_SHEET   = 1;
	const AUTHOR_SHEET = 2;
	const io = Cc["@mozilla.org/network/io-service;1"].getService(Ci.nsIIOService);
	file.append('userChromeAgent.css');
	Cc["@mozilla.org/content/style-sheet-service;1"].getService(Ci.nsIStyleSheetService).loadAndRegisterSheet(
		io.newURI(
			// c:\folder\файл ==> file:///c:/folder/%D1%84%D0%B0%D0%B9%D0%BB/
			io.getProtocolHandler('file').QueryInterface(Ci.nsIFileProtocolHandler).getURLSpecFromDir(file),
			null,
			null
		),
		AGENT_SHEET
	);
}

Отредактировано CoolCmd (16-08-2022 14:22:49)


леса живет в лису?

Отсутствует

 

№1235316-08-2022 00:24:11

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1348
UA: Firefox 103.0

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

CoolCmd пишет

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

Вроде работает! Спасибо за ещё один способ использования стиля для тултипов.

Отредактировано kokoss (16-08-2022 00:25:52)


Win7

Отсутствует

 

№1235417-08-2022 15:34:55

kazarin
Участник
 
Группа: Members
Зарегистрирован: 23-11-2016
Сообщений: 70
UA: Firefox 101.0

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

CoolCmd
Проверил, у меня тоже работает, интересный метод. Спасибо!
А какие ещё параметры можно прописать только через userChromeAgent.css? Мне, кроме тултипов, других не попадалось.

Отсутствует

 

№1235517-08-2022 18:29:29

CoolCmd
Участник
 
Группа: Members
Зарегистрирован: 29-09-2008
Сообщений: 682
UA: Firefox 103.0

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

kazarin вроде кроме tooltip больше никаких. раньше видел, что полосы прокрутки меняют, но в современных версиях лесы достаточно обычного css + about:config.


я думаю, будет практичнее запихнуть стили tooltip в код config.js, потому что стилей очень мало и часто менять их не нужно, а файловые операции сравнительно медленные даже на ssd. а в файл пихать стили для shadow dom и грузить файл как AUTHOR_SHEET. я пока без AUTHOR_SHEET обошелся, но по мере перехода с xul на html пользы от него наверное будет все больше.


вот себе вторую версию config.js сделал, работает как описано выше. код легко дополнить для загрузки любого количества файлов или текста любых типов:

Отредактировано CoolCmd (17-08-2022 19:56:48)


леса живет в лису?

Отсутствует

 

№1235617-08-2022 19:30:02

Dumby
Участник
 
Группа: Members
Зарегистрирован: 12-08-2012
Сообщений: 1785
UA: Firefox 78.0

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

CoolCmd пишет
Выделить код

Код:

// Папка chrome в профиле.
const оПапка = Cc['@mozilla.org/file/directory_service;1'].getService(Ci.nsIProperties).get('UChrm', Ci.nsIFile);
// В профиле удаленной отладки нет папки chrome.
// TODO Есть более надежный способ пропустить этот профиль?

оПапка.parent.leafName будет chrome_debugger_profile

Отсутствует

 

№1235717-08-2022 19:55:56

CoolCmd
Участник
 
Группа: Members
Зарегистрирован: 29-09-2008
Сообщений: 682
UA: Firefox 103.0

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

Dumby спасибо. тогда версия 3:

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

Выделить код

Код:

// Первую строку файла Firefox пропускает.
'use strict';

// Может пригодиться для отладки этого файла.
///const {console} = Cu.import('resource://gre/modules/Console.jsm', {});

// Папка chrome в профиле.
const оПапка = Cc['@mozilla.org/file/directory_service;1'].getService(Ci.nsIProperties).get('UChrm', Ci.nsIFile);
// Пропустить профиль удаленной отладки.
if (оПапка.parent.leafName !== 'chrome_debugger_profile')
{
	const AGENT_SHEET  = 0;
	const USER_SHEET   = 1;
	const AUTHOR_SHEET = 2;

	const {loadAndRegisterSheet} = Cc["@mozilla.org/content/style-sheet-service;1"].getService(Ci.nsIStyleSheetService);
	const ioService = Cc["@mozilla.org/network/io-service;1"].getService(Ci.nsIIOService);

	зарегистрироватьТекст(
		AGENT_SHEET,
		`
			@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
			tooltip
			{
				/* Нулевой радиус не скрывает тень */
				border-radius: 0 !important;
			}
			@media (prefers-color-scheme: light)
			{
				tooltip
				{
					color: #000 !important;
					border-color: #767676 !important;
					background-image: linear-gradient(#fff, #e4e5f0) !important;
				}
			}
		`
	);

	зарегистрироватьФайл(AUTHOR_SHEET, 'userChromeAuthor.css');

	function зарегистрироватьТекст(чТип, сТекст)
	{
		loadAndRegisterSheet(ioService.newURI(`data:text/css;charset=utf-8,${encodeURIComponent(сТекст)}`, null, null), чТип);
	}

	function зарегистрироватьФайл(чТип, сИмяФайла)
	{
		const оФайл = оПапка.clone();
		оФайл.append(сИмяФайла);
		loadAndRegisterSheet(
			ioService.newURI(
				// c:\folder\файл ==> file:///c:/folder/%D1%84%D0%B0%D0%B9%D0%BB/
				ioService.getProtocolHandler('file').QueryInterface(Ci.nsIFileProtocolHandler).getURLSpecFromDir(оФайл),
				null,
				null
			),
			чТип
		);
	}
}

Отредактировано CoolCmd (20-08-2022 14:35:30)


леса живет в лису?

Отсутствует

 

№1235817-08-2022 22:08:21

kazarin
Участник
 
Группа: Members
Зарегистрирован: 23-11-2016
Сообщений: 70
UA: Firefox 101.0

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

CoolCmd

CoolCmd пишет

вроде кроме tooltip больше никаких. раньше видел, что полосы прокрутки меняют, но в современных версиях лесы достаточно обычного css + about:config.

Вот и мне тоже других не попадалось. В типах тулбаров я не разбираюсь, но видел, что они идентичны тем, что в винде, и единственное, что нашёл, чтоб перебить это заимствование, был скрипт uc.js. Но у него, конечно, тот большой недостаток, что только человеку, пользующемуся скриптами, можно рекомендовать.
В современных версиях лисы можно даже и без цсс, очень симпатичные скроллбары добавили в настройки.

CoolCmd пишет

я думаю, будет практичнее запихнуть стили tooltip в код config.js

Идея отличная))
Но третья версия у меня почему-то не запускается. Пишет - ошибка в чтении настроек, обратитесь к администратору.

Отсутствует

 

№1235917-08-2022 22:21:51

CoolCmd
Участник
 
Группа: Members
Зарегистрирован: 29-09-2008
Сообщений: 682
UA: Firefox 103.0

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

kazarin пишет

Но третья версия у меня почему-то не запускается. Пишет - ошибка в чтении настроек, обратитесь к администратору.

файла userChromeAuthor.css нет наверное. тогда закомментируй строку

Выделить код

Код:

///зарегистрироватьФайл(AUTHOR_SHEET, 'userChromeAuthor.css');

леса живет в лису?

Отсутствует

 

№1236018-08-2022 22:04:58

kazarin
Участник
 
Группа: Members
Зарегистрирован: 23-11-2016
Сообщений: 70
UA: Firefox 101.0

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

CoolCmd
Да, не было файла, потому что он назывался userChromeAgent.css! Я не обратил внимание, что название файла изменилось! Сейчас всё работает и ничего не выскакивает.

Отредактировано kazarin (18-08-2022 22:17:44)

Отсутствует

 

№1236120-08-2022 15:24:50

ulver73
Участник
 
Группа: Members
Зарегистрирован: 03-05-2020
Сообщений: 25
UA: Firefox 91.0

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

Подскажите как убрать с контекстного меню пункты
1 Open link in new private tab
2. Искать в приватном окне

Браузер waterfox 4.14

Отредактировано ulver73 (20-08-2022 16:07:45)

Отсутствует

 

№1236221-08-2022 00:05:42

Skarm
Пытливый Лис
 
Группа: Members
Зарегистрирован: 24-11-2008
Сообщений: 194
UA: Firefox 103.0

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

ulver73
вот здесь https://github.com/stonecrusher/simpleMenuWizard все варианты!
Знатоки! помогите!! попап даёт двойную окантовку остальные меню норм... кто может проверить код:

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

Выделить код

Код:

:root {
  --arrowpanel-background: #f0f7ff  !important;
  --arrowpanel-border-color: #4bc9fe !important;
}

menupopup:not([id^="BMB_bookmarksPopup"]),
popup, 
panel-list,
#context-navigation {
   -moz-appearance: none !important;
   background-color: #f0f7ff !important;
   opacity: .9 !important;
}

menupopup:not([id^="BMB_bookmarksPopup"]),
popup, 
panel-list {
   -moz-appearance: none !important;
   border: 2px #4bc9fe solid !important;
   border-radius: 5px !important;
}

.panel-arrowcontent{
   border: 2px solid var(--arrowpanel-border-color)!important;
   border-radius: 5px !important;
}

#BMB_bookmarksPopup menupopup{
border: none !important;
}

.popup-internal-box, 
.panel-subview-body, 
.panel-header, 
#appMenu-Folders {
-moz-appearance: none !important;
--arrowpanel-background: #f0f7ff !important;
opacity: .8 !important;
}

.panel-arrowbox {
  margin-bottom: -1px!important;
  margin-top: -1px !important;
}


Чего–то требует душа, успев за день натрудиться.
И ночь, хозяйкой, не спеша, читает браузером страницу.

Отсутствует

 

№1236321-08-2022 06:19:24

ulver73
Участник
 
Группа: Members
Зарегистрирован: 03-05-2020
Сообщений: 25
UA: Firefox 91.0

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

Open link in new private tab не нашел ответ, может можно выпилить как то этот приватный режим?

Отсутствует

 

№1236421-08-2022 06:30:18

bezuma
Участник
 
Группа: Members
Откуда: Москва
Зарегистрирован: 26-01-2014
Сообщений: 256
UA: Firefox 103.0

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

ulver73
В файле link-context.css должно быть раскомментирована строка #context-openlinkprivate,

Отсутствует

 

№1236521-08-2022 07:19:28

ulver73
Участник
 
Группа: Members
Зарегистрирован: 03-05-2020
Сообщений: 25
UA: Firefox 91.0

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

bezuma смотрел, нет такой там
#context-openlinkprivate это для окон, а для приватных вкладок?

Отсутствует

 

№1236621-08-2022 07:43:54

bezuma
Участник
 
Группа: Members
Откуда: Москва
Зарегистрирован: 26-01-2014
Сообщений: 256
UA: Firefox 103.0

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

ulver73
Как это нет?
21b58d66a730abc1afc2f2de451d6dc8.jpg

Отсутствует

 

№1236721-08-2022 10:33:38

ulver73
Участник
 
Группа: Members
Зарегистрирован: 03-05-2020
Сообщений: 25
UA: Firefox 91.0

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

Bezuma  это окна, а нужны вкладки

Отсутствует

 

№1236821-08-2022 12:23:17

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1696
UA: Firefox 91.0

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

ulver73 пишет

а нужны вкладки

Для меню вкладки и меню ссылки

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

Выделить код

Код:

#toggleTabPrivateState,
#openLinkInPrivateTab {
  display: none !important;
}

Пришлось к соседям в гости сходить :D, чтоб запустить этот браузер на машине с процессором с поддержкой инструкций SSE4.2 У меня максимум SSE4.1

А вообще - вот, на будущее, как искать селекторы элементов. В Waterfox Инструменты браузера включены уже по умолчанию.

Отсутствует

 

№1236921-08-2022 13:13:19

ulver73
Участник
 
Группа: Members
Зарегистрирован: 03-05-2020
Сообщений: 25
UA: Firefox 91.0

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

Sandro79.  благодарю за ответ знатока....коротко и по делу

Отсутствует

 

№1237024-08-2022 07:40:40

TekK
Участник
 
Группа: Members
Зарегистрирован: 24-08-2022
Сообщений: 2
UA: Firefox 102.0

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

Братцы, помогите изменить высоту вкладок и панели вкладок в FF 102, заранее благодарен! (от FF 91 код  не вышло)

Отсутствует

 

№1237124-08-2022 10:28:02

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1348
UA: Firefox 104.0

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

TekK пишет

помогите изменить высоту вкладок и панели вкладок в FF 102!

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

Выделить код

Код:

#titlebar,
#tabbrowser-tabs {
    --tab-min-height: 26px !important;
}

или такой вариант:

Выделить код

Код:

@-moz-document url("chrome://browser/content/browser.xhtml") {
:root {
    --tab-border-radius: 3px !important;
    --tab-block-margin: 0px !important;
}
#titlebar,
#tabbrowser-tabs {
    --tab-min-height: 24px !important;
}
#tabbrowser-tabs .tabbrowser-tab .tab-label-container {
    height: auto !important;
}
#tabbrowser-tabs .tabbrowser-tab:not([pinned="true"],:hover) .tab-close-button {
    display: none !important;
}
}


Win7

Отсутствует

 

№1237224-08-2022 11:21:51

TekK
Участник
 
Группа: Members
Зарегистрирован: 24-08-2022
Сообщений: 2
UA: Firefox 102.0

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

kokoss пишет
TekK пишет

помогите изменить высоту вкладок и панели вкладок в FF 102!

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

Выделить код

Код:

#titlebar,
#tabbrowser-tabs {
    --tab-min-height: 26px !important;
}

или такой вариант:

Выделить код

Код:

@-moz-document url("chrome://browser/content/browser.xhtml") {
:root {
    --tab-border-radius: 3px !important;
    --tab-block-margin: 0px !important;
}
#titlebar,
#tabbrowser-tabs {
    --tab-min-height: 24px !important;
}
#tabbrowser-tabs .tabbrowser-tab .tab-label-container {
    height: auto !important;
}
#tabbrowser-tabs .tabbrowser-tab:not([pinned="true"],:hover) .tab-close-button {
    display: none !important;
}
}

Благодарю, 2 вариант зашел!)

Отсутствует

 

№1237324-08-2022 15:24:30

westyles
Участник
 
Группа: Members
Зарегистрирован: 29-10-2018
Сообщений: 11
UA: Firefox 102.0

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

На FF 102 не получается сделать чтобы при компактном режиме при воспроизведении аудио не пропадал фавикон.
тут нашел код для того чтобы сдвигался значок звука, а с фавиконом проблема, исчезает.
Не получается стиль перебить:

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

Выделить код

Код:

:root[uidensity="compact"] .tab-icon-stack[indicator-replaces-favicon] > :not(.tab-icon-overlay),
#tabbrowser-tabs[secondarytext-unsupported] .tab-icon-stack[indicator-replaces-favicon] > :not(.tab-icon-overlay),
:root:not([uidensity="compact"]) #tabbrowser-tabs:not([secondarytext-unsupported]) .tabbrowser-tab:not(:hover) .tab-icon-overlay[indicator-replaces-favicon],
:root:not([uidensity="compact"]) #tabbrowser-tabs:not([secondarytext-unsupported]) .tabbrowser-tab:hover .tab-icon-stack[indicator-replaces-favicon] > :not(.tab-icon-overlay) {

    opacity: 0;

}


Как его можно перебить через свой в userChrome.css?

Отсутствует

 

№1237424-08-2022 18:29:20

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1696
UA: Firefox 91.0

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

westyles пишет

Как его можно перебить через свой в userChrome.css?

Поменять 0 на 1 и добавить  !important
Для компактного режима вроде достаточно только первой строки из приведённого кода

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

Выделить код

Код:

:root[uidensity="compact"] .tab-icon-stack[indicator-replaces-favicon] > :not(.tab-icon-overlay) {
  opacity: 1 !important;
}

Отсюда четвёртое правило до сих пор работает вплоть до 106 [nightly], но сейчас сменил это правило на актуальное.


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

Выделить код

Код:

.tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
  opacity: 1 !important; /* для компактнного режима не нужно */
  margin-inline: 18px 1px !important;
}
.tabbrowser-tab:not([image], [pendingicon]) .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
  opacity: 1 !important; /* для компактнного режима не нужно */
  margin-inline: 0 1px !important;
}
.tab-icon-stack[indicator-replaces-favicon] > :not(.tab-icon-overlay) {
  opacity: 1 !important;
}


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

Выделить код

Код:

:root:not([uidensity="touch"]) .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
  opacity: 1 !important;
  margin-inline: 18px 1px !important;
}
:root:not([uidensity="touch"]) .tabbrowser-tab:not([image], [pendingicon]) .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
  opacity: 1 !important;
  margin-inline: 0 1px !important;
}
:root:not([uidensity="touch"]) .tab-icon-stack[indicator-replaces-favicon] > :not(.tab-icon-overlay) {
  opacity: 1 !important;
}
toolbar[brighttext] .tab-icon-overlay[indicator-replaces-favicon]:not(:hover) {
  fill-opacity: 0.8 !important;
}
.tab-secondary-label:not([uidensity=compact]) {
  display: none !important;
}

Отредактировано sandro79 (28-08-2022 09:46:52)

Отсутствует

 

№1237524-08-2022 21:00:31

westyles
Участник
 
Группа: Members
Зарегистрирован: 29-10-2018
Сообщений: 11
UA: Firefox 102.0

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

sandro79

Для компактного режима вроде достаточно только первой строки из приведённого кода

Спс, всё равно не работает на компактном - фавикон исчезает. От этого кода работает только отодвигание иконки звука на 102.
Если в инструментах браузера ниже того кода добавляю правило:

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

Выделить код

Код:

:root[uidensity="compact"] .tab-icon-stack[indicator-replaces-favicon] > :not(.tab-icon-overlay) {
  opacity: 1 !important;
}


То работает, даже без !important, а из файла userchrome нет.

Отредактировано westyles (24-08-2022 21:32:11)

Отсутствует

 

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]