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

Хотите узнать больше о расширениях? Посмотрите ролики, рассказывающие о работе с расширениями Firefox.

№1292606-06-2023 11:50:09

xrun1
Участник
 
Группа: Members
Зарегистрирован: 12-12-2013
Сообщений: 1224
UA: Firefox 113.0

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

forest-w
У меня так, работает. Может кто-нибудь поправит, если неверно.

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

Выделить код

Код:

/* панели по умолчанию */
#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: rgba(255, 255, 255, .62) !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;
}

Добавлено 06-06-2023 11:57:16
Можно добавить для боковой панели. Исходный код здесь и вариант постом выше там же.

мой вариант

Выделить код

Код:

#search-box {
    -moz-appearance: none !important;
    appearance: none !important;
    border: 1px solid hsla(240,5%,5%,.25) !important;
    box-shadow: 0 1px 4px rgba(0,0,0,.05) !important;
/*    background-color: var(--lwt-sidebar-background-color, transparent) !important;
    color: var(--lwt-sidebar-text-color, currentColor) !important; */
    font-style: normal !important;
    padding: 1px 2px !important;
    height: auto !important;
    min-height: 22px !important;
    border-radius: 5px !important;
}

Отредактировано xrun1 (06-06-2023 11:57:16)

Отсутствует

 

№1292706-06-2023 14:18:27

6e73epo
Участник
 
Группа: Members
Зарегистрирован: 06-05-2022
Сообщений: 207
UA: Firefox 44.0

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

Ночь не спал, но все же сделал то, о чем писал на предыдущей странице. Для темной темы

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

Выделить код

Код:

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

@supports -moz-bool-pref("layout.css.moz-document.content.enabled") {
  @-moz-document url("about:devtools-toolbox") {
    html|*:root.theme-dark {
/** цвет фона заголовков наследуемых правил в консоли и в инструментах браузера **/
      --rule-header-background-color: hsl(30, 93%, 12%) !important;
    }
  }
}

Отредактировано 6e73epo (06-06-2023 14:20:23)

Отсутствует

 

№1292806-06-2023 15:30:06

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1644
UA: Firefox 113.0

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

6e73epo
У меня не заработало. Какая версия [firefox], куда пихать?
Попробовал через userChrome и через ucf, результата нет.
   
Меня больше белое меню напрягает в инструментах браузера.
   
А зачем такой уникальный UA? :)

Отредактировано _zt (06-06-2023 15:32:56)

Отсутствует

 

№1292906-06-2023 16:42:49

forest-w
Участник
 
Группа: Members
Зарегистрирован: 06-06-2023
Сообщений: 3
UA: Firefox 102.0

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

xrun1 пишет

forest-wУ меня так, работает. Может кто-нибудь поправит, если неверно.скрытый текстВыделить кодКод:/* панели по умолчанию */


К сожалению у меня не заработало, но спасибо за попытку помочь :)

Отсутствует

 

№1293006-06-2023 17:11:01

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

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

forest-w
Как вариант -> https://github.com/Aris-t2/CustomCSSforFx/blob/master/current/css/locationbar/urlbar_background_color_dark.css


Win7

Отсутствует

 

№1293106-06-2023 17:37:32

6e73epo
Участник
 
Группа: Members
Зарегистрирован: 06-05-2022
Сообщений: 207
UA: Firefox 44.0

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

_zt пишет

У меня не заработало. Какая версия [firefox], куда пихать?
Попробовал через userChrome и через ucf, результата нет.
   
Меня больше белое меню напрягает в инструментах браузера.
   
А зачем такой уникальный UA?

1) На версии 113 должно работать
2) пихать в user agent стили. Кто пользуется ucf, тот знает куда, подскажут. У меня нет ucf, поддержка агент и автор стилей добавлена через config.js
3) userChrome относится к интерфейсу, а консоль и инструменты браузера к контенту
4) если прописать в userContent, немного изменив код, то будет работать только для консоли, ибо для инструментов браузера не хватит важности
5) UA разный делаю, тестирую, какие сайты как определяют версию
6) для моего кода требуется в about:config установить layout.css.moz-document.content.enabled=true, чтобы в агент стилях можно было задействовать @-moz-document
7) для расширения области действия селекторов можно временно убрать @namespace и @-moz-document и тогда убрать также html|*

Выделить код

Код:

:root.theme-dark {
/** цвет фона заголовков наследуемых правил в консоли и в инструментах браузера **/
  --rule-header-background-color: hsl(30, 93%, 12%) !important;
}

8) для светлой темы, наверное, будет просто :root
9) как только заработает код, то можно постепенно сужать область действия

Отсутствует

 

№1293206-06-2023 18:15:14

forest-w
Участник
 
Группа: Members
Зарегистрирован: 06-06-2023
Сообщений: 3
UA: Firefox 102.0

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

kokoss пишет

forest-wКак вариант -> https://github.com/Aris-t2/CustomCSSforFx/blob/master/current/css/locationbar/urlbar_background_color_dark.css

Спасибо! Сработало :)

Отсутствует

 

№1293306-06-2023 21:13:11

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1644
UA: Firefox 114.0

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

6e73epo
1. У меня 114
2-9. Не, не заработал в инструментах браузера, только в инструментах веб-разработки. По разному пробовал, возможно ucf уже устарел для таких кульбитов.

Отсутствует

 

№1293406-06-2023 23:07:37

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

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

_zt пишет

возможно ucf уже устарел для таких кульбитов

При чём тут ucf ?
Написано же, что стиль регистрируется из config.js напрямую, читается откуда-то, или инлайн.

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

Выделить код

Код:

(async style => {
	var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent(style));
	var sss = Cc["@mozilla.org/content/style-sheet-service;1"].getService(Ci.nsIStyleSheetService);
	sss.loadAndRegisterSheet(uri, sss.USER_SHEET);

})(`@-moz-document url(chrome://devtools/content/inspector/index.xhtml) {
	:root {
		--rule-header-background-color: aqua !important;
	}
}`);


Иначе — ucf надо разворачивать в дебаггерском профиле, том,
который в папке профиля исследуемого браузера в папке chrome_debugger_profile
Как, собственно, там же и свой userContent.css заводить, чтобы влиял на инструменты браузера.

Отсутствует

 

№1293507-06-2023 07:41:03

6e73epo
Участник
 
Группа: Members
Зарегистрирован: 06-05-2022
Сообщений: 207
UA: Firefox 44.0

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

Dumby пишет

стиль регистрируется из config.js напрямую, читается откуда-то, или инлайн

Для меня лучше отдельными файлами. Довольно продолжительное время пользуюсь таким кодом для config.js, где то найденным в интернете и немного мной модифицированным. Плохо разбираюсь, можешь посмотреть? Может асинхронный вызов нужен или что-то лишнее. Если правильно понял, то здесь идет пропуск отладочного профиля и есть возможность задать любое имя стилевым файлам, например, *.ag.css

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

Выделить код

Код:

(function() {
	let sss = Cc["@mozilla.org/content/style-sheet-service;1"].getService(Ci.nsIStyleSheetService);
	function traverseToMainProfile(str) {
		let dir = Cc['@mozilla.org/file/directory_service;1'].getService(Ci.nsIProperties).get(str, Ci.nsIFile);
		if (!dir.exists()) {
			let toAddChrome = false;
			while (dir.target.includes("chrome_debugger_profile")) {
				dir = dir.parent;
				toAddChrome = true;
			}
			if (toAddChrome) dir.append("chrome");
		}
		return dir;
	}

	let chromeDir = traverseToMainProfile("UChrm");
	let files = chromeDir.directoryEntries.QueryInterface(Ci.nsISimpleEnumerator);
	if (!files) return;
	while (files.hasMoreElements()) {
		let file = files.getNext().QueryInterface(Ci.nsIFile);
		let name = file.leafName;
		if (!file.isFile()) continue;
		if (/\.(?:au||ag||us)\.css$/i.test(name)) {
			let typePrefix = name.split(".")[1];
			let type, typeString;
			switch (typePrefix) {
				case "au":
				type = sss.AUTHOR_SHEET;
				typeString = "author sheet";
				break;
				case "ag":
				type = sss.AGENT_SHEET;
				typeString = "agent sheet";
				break;
				case "us":
				type = sss.USER_SHEET;
				typeString = "user sheet";
				break;
			}
			let io = Cc["@mozilla.org/network/io-service;1"].getService(Ci.nsIIOService);
			let uri = io.getProtocolHandler("file").QueryInterface(Ci.nsIFileProtocolHandler).getURLSpecFromDir(chromeDir);
			sss.loadAndRegisterSheet(io.newURI(uri + name), type);
		}
	}
})();

Отсутствует

 

№1293607-06-2023 17:32:54

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1644
UA: Firefox 114.0

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

Dumby
Теперь понял, меня ввело в заблуждение утверждение тв. 6e73epo:

2) пихать в user agent стили. Кто пользуется ucf, тот знает куда, подскажут.

   
И все молчат как партизаны, не единожды поднимался вопрос применения стилей к этому окну и всегда одно и тоже:

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

а тут сразу два способа и оба без дебаг-профиля. Не было ни гроша и тут алтын. Наконец то, спустя годы, я себе контекстные меню настроил в этом окне.

скрытый текст
V3qd42-U.jpg

Отредактировано _zt (07-06-2023 17:33:51)

Отсутствует

 

№1293708-06-2023 01:11:42

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

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

6e73epo пишет

можешь посмотреть?

Это слегка оффтопик здесь, но попробую написать пару слов.

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

Может асинхронный вызов нужен

Нет, асинхронный вызов нужен (в смысле как обязателен)
только если предполагается использовать внутри await.


А в примере он используется как бы вместо try-catch, то есть,
асинхронная обёртка сразу возвращает promise, и нижепоследующий
код (если есть) идёт исполняться дальше. А код внутри обёртки — ну как получится.

идет пропуск отладочного профиля

Судя по коду, да. Но только если в дебаггерском профиле
нет папки chrome, иначе будет использована она.

или что-то лишнее

Да, всё, что связано с переменной typeString, определённо, лишнее.
Для найденных стилевых файлов она устанавливается, но затем нигде не используется.


И, полагаю, в регулярном выражении /\.(?:au||ag||us)\.css$/i
эти вот две "палочки" || лишние, достаточно одной.
Сомневаюсь, что имелось в виду, что оно должно соответствовать ещё и чему-то,
содержащему две подряд точки перед оконечным css, типа mystyle..css
Видимо, просто опечатка по аналогии с js-оператором.

возможность задать любое имя стилевым файлам, например, *.ag.css

Пустяк, конечно, но возможны проблемы с именем, содержащим точки.
Например, alpha.beta.gamma.au.css


Для него, результатом выражения name.split(".")[1] будет "beta", а не "au".
Наверно, лучше использовать что-то типа name.slice(-6, -4);
или подрядить относительно молодой метод at() — name.split(".").at(-2);


Вобщем, там можно долго ещё копаться, код местами странный и олдскульный,
однако, если работает, то лучше не трогать, ещё не хватало что-нибудь испортить.

Отсутствует

 

№1293808-06-2023 21:24:40

6e73epo
Участник
 
Группа: Members
Зарегистрирован: 06-05-2022
Сообщений: 207
UA: Firefox 122.0

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

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

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

Выделить код

Код:

(function() {
	let chromeDir = Services.dirsvc.get("UChrm", Ci.nsIFile);
	if (chromeDir.parent.leafName === 'chrome_debugger_profile') {
		chromeDir = chromeDir.parent.parent;
		chromeDir.append("chrome");
	}
	chromeDir.append("userChrome_ag.css");
	let chromeFile = Services.io.newFileURI(chromeDir);
	let sss = Cc["@mozilla.org/content/style-sheet-service;1"].getService(Ci.nsIStyleSheetService);
	sss.loadAndRegisterSheet(chromeFile, sss.AGENT_SHEET);
})();

Отсутствует

 

№1293909-06-2023 10:10:56

doud
Участник
 
Группа: Members
Откуда: Германия
Зарегистрирован: 03-02-2012
Сообщений: 93
UA: Firefox 102.0

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

Как удалить на странице about:preferences кнопку "Поддержка Firefox"?

Отсутствует

 

№1294009-06-2023 11:10:24

Farby
Участник
 
Группа: Members
Зарегистрирован: 21-11-2012
Сообщений: 306
UA: Google 2.1

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

doud

Можно так, скрыть

Выделить код

Код:

@namespace html "http://www.w3.org/1999/xhtml";

@-moz-document  url("about:preferences"), url("chrome://browser/content/preferences/preferences.xhtml") {
  #helpButton.sidebar-footer-link {
    display: none !important;
    visibility: collapse !important;
  }
}


Жизнь иногда такое выкидывает, что хочется подобрать...

Отсутствует

 

№1294109-06-2023 11:49:54

6e73epo
Участник
 
Группа: Members
Зарегистрирован: 06-05-2022
Сообщений: 207
UA: Firefox 122.0

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

Farby, @namespace html ... и visibility ... - лишние

Отсутствует

 

№1294209-06-2023 12:06:23

doud
Участник
 
Группа: Members
Откуда: Германия
Зарегистрирован: 03-02-2012
Сообщений: 93
UA: Firefox 114.0

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

Спасибо, кнопка удалилась и без @namespace html ... и visibility. Еще такой вопрос- как скрыть мелкий серый текст "Недавняя история" в кнопке "Показать ваш журнал"?

Отсутствует

 

№1294309-06-2023 12:43:05

Farby
Участник
 
Группа: Members
Зарегистрирован: 21-11-2012
Сообщений: 306
UA: Google 2.1

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

doud пишет

"Недавняя история" в кнопке "Показать ваш журнал"

не смог у себя воспроизвести, это где? или это отдельная кнопка.


Жизнь иногда такое выкидывает, что хочется подобрать...

Отсутствует

 

№1294409-06-2023 12:52:17

doud
Участник
 
Группа: Members
Откуда: Германия
Зарегистрирован: 03-02-2012
Сообщений: 93
UA: Firefox 102.0

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

это кнопка в виде часов на панели... Она называется "Журнал"

Отредактировано doud (09-06-2023 12:59:31)

Отсутствует

 

№1294509-06-2023 13:20:57

Farby
Участник
 
Группа: Members
Зарегистрирован: 21-11-2012
Сообщений: 306
UA: Google 2.1

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

doud пишет

Она называется "Журнал"

panelMenurecentHistory.css

Выделить код

Код:

@namespace html "http://www.w3.org/1999/xhtml";

@-moz-document  url("chrome://browser/content/browser.xhtml") {
  #PanelUI-history.PanelUI-subView #panelMenu_recentHistory.subview-subheader {
    display: none !important;
    visibility: collapse !important;
  }
}


ну как обычно лишнее можно выкинуть, если не втерпеж...


Жизнь иногда такое выкидывает, что хочется подобрать...

Отсутствует

 

№1294609-06-2023 13:42:15

doud
Участник
 
Группа: Members
Откуда: Германия
Зарегистрирован: 03-02-2012
Сообщений: 93
UA: Firefox 102.0

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

Farby, к сожалению не удалилась. Добавлял в userContent.css...Потом добавил в userChrome.css и все получилось! Спасибо!

Отредактировано doud (09-06-2023 13:48:22)

Отсутствует

 

№1294709-06-2023 18:29:02

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1644
UA: Firefox 114.0

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

6e73epo пишет

в итоге сократил до такого

У меня ошибку выдает при запуске браузера. Где стиль лежать должен?

Отсутствует

 

№1294809-06-2023 19:16:56

6e73epo
Участник
 
Группа: Members
Зарегистрирован: 06-05-2022
Сообщений: 207
UA: Firefox 122.0

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

_zt, я делал для своей конфигурации, чтобы без дополнительных проверок. У меня портабельный браузер. Папка "chrome" находится в папке профиля вместе с папкой "chrome_debugger_profile". В папке "chrome" лежит файл userChrome_ag.css. Профиль один, имеет жестко заданное мною имя. А у тебя как все расположено? Ошибка возникает при запуске браузера или при запуске инструментов разработчика?

Отсутствует

 

№1294909-06-2023 19:44:25

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1644
UA: Firefox 114.0

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

6e73epo
Все также, только chrome_debugger_profile у меня удаляется при выходе. Мусор не храню.
Где название профиля в скрипте? Раз об этом особо упомянуто, имя должно быть задано в скрипте.
На второй вопрос ответ в посте выше.

Отредактировано _zt (09-06-2023 19:54:15)

Отсутствует

 

№1295010-06-2023 13:28:38

Тоторо
Участник
 
Группа: Members
Зарегистрирован: 21-12-2022
Сообщений: 20
UA: Firefox 106.0

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

FireForce пишет

И еще хочется убрать тень (затухание) на тексте в табах.

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

Выделить код

Код:

/* <firefox_profile_dir>/chrome/userChrome.css */

hbox[class="tab-label-container"][textoverflow] {
  /* отключить градиентный эффект при обрезке заголовка вкладки */
  /* данная величина задана в файле `<firefox_installation_dir>/browser/omni.ja!/chrome/browser/content/browser/tabbrowser.css:63' */
  mask-image: unset !important; 
}

Кто-нибудь знает код для отключения в современном [firefox]? Этот не работает.
Или чтобы поле вокруг крестика на табе при наведении курсора появлялось поверх этого градиента, а не моргало вместо него. Как было в 88- версии.

Отсутствует

 

Board footer

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