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

kokoss · №8851

Duche пишет

Полтергейст какой то.

Проверьте только с этим кодом! Если и тогда не будет работать, тогда не знаю...

Add, если используйте "Firefox Good", то попробуйте добавить этот код в файл "FG_userChrome.css".

Отредактировано kokoss (04-08-2020 20:31:55)

Vitaliy V. · №8852

del

Отредактировано Vitaliy V. (14-04-2022 01:25:55)

Duche · №8853

kokoss пишет

этот код в файл "FG_userChrome.css".

Он там и есть.

kokoss · №8854

Duche
Ну тогда не знаю, у меня работает:

скрин

Dumby · №8855

Vitaliy V. пишет

Вот такое придумалось

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

О, я тоже пытался придумать, и показалось приемлимым
использовать переопределение. Но не знаю, собственно,
что написать в контентской части, так, от балды разместил кой-что.

Вобщем, никаких эвент и мессадж листенеров,
вместо этого — врезка в TooltipTextProvider.prototype.
Ну, я просто на интерес показать, не как продукт, а как концепцию.

Выделить код

Код:

try {CustomizableUI.createWidget(({
	label: "Href in tooltip",
	icons: {
		true: "data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AACsQQAArEEAAKxBAACsQQAArEEAAKxBAACsQQAArEEAAKxBAACsQQAArEEAAKxBAACsQQAArEEAAKxBAACsQQ==",
		false: "data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AMgA/wDIAP8AyAD/AACsQQAArEEAAKxBAACsQQAArEEAAKxBAACsQQAArEEAAKxBAACsQQAArEEAAKxBAACsQQAArEEAAKxBAACsQQ=="
	},
	id: "ucf-HrefInTooltip",
	pref: "ucf.HrefInTooltip.enabled",
	localized: false,
	get state() {
		return Services.prefs.getBoolPref(this.pref, false);
	},
	setIcon(btn, state = this.state) {
		btn.setAttribute("image", this.icons[state]);
	},
	onCreated(btn) {
		btn.owner = this;
		this.setIcon(btn);
		btn.tooltipText = this.label;
		btn.setAttribute("oncommand", "owner.toggle()");
	},
	toggle() {
		Services.prefs.setBoolPref(this.pref, !this.state);
	},
	observe(s, topic) {
		if (topic.startsWith("q")) return this.destroy();
		var {state} = this;
		for(var {node} of CustomizableUI.getWidget(this.id).instances)
			this.setIcon(node, state);
		state ? this.initTooltip() : this.destroyTooltip();
	},
	init() {
		Services.prefs.addObserver(this.pref, this);
		Services.obs.addObserver(this, "quit-application-granted", false);
		this.state && this.initTooltip();
		delete this.init; return this;
	},
	destroy() {
		Services.prefs.removeObserver(this.pref, this);
		Services.obs.removeObserver(this, "quit-application-granted");
	},
	initTooltip() {
		var url = this.initURL = this.createURL("psInit");
		(this.initTooltip = () => Services.ppmm.loadProcessScript(url, true))();
	},
	destroyTooltip() {
		var url = this.createURL("psDestroy");
		(this.destroyTooltip = () => {
			Services.ppmm.removeDelayedProcessScript(this.initURL);
			Services.ppmm.loadProcessScript(url, false);
		})();
		delete this.createURL;
	},
	createURL: function createURL(meth) {
		var subst = this.id + "-" + meth;
		(createURL.rph || (createURL.rph = Services.io.getProtocolHandler("resource")
				.QueryInterface(Ci.nsIResProtocolHandler)
		)).setSubstitution(subst, Services.io.newURI("data:text/javascript;charset=utf-8," + encodeURIComponent(
			`(${this[meth]})(ChromeUtils.import("resource://gre/modules/TooltipTextProvider.jsm").TooltipTextProvider.prototype)`
		)));
		delete this[meth]; return "resource://" + subst;
	},
	psInit: proto => {
		if (proto.getTextPlus) return proto.getNodeText = proto.getTextPlus.newGetNodeText;

		//================[ start content ]================

		proto.getTextPlus = node => {
			var href = getHref(node);
			if (!href || href == "#" || skipRe.test(href)) return;
			if (href.startsWith("data:")) return crop(href, 64);
			return crop(decode(href));
		}
		var skipRe = /^(?:javascript|addons):/;

		var getHref = node => {do {
			if (HTMLAnchorElement.isInstance(node) && node.href) return node.href;
		} while (node = node.flattenedTreeParentNode)}

		var crop = (url, max = 128) => url.length <= max
			? url : url.slice(0, --max) + "\u2026"; // ellipsis

		var decode = url => {
			var ios = Cc["@mozilla.org/network/io-service;1"].getService(Ci.nsIIOService);
			var ldu = Cu.import("resource:///modules/UrlbarInput.jsm", {}).losslessDecodeURI;
			return (decode = url => {try {return ldu(ios.newURI(url));} catch {return url;}})(url);
		}

		//================[ end content ]==================

		var func = proto.getTextPlus.getNodeText = proto.getNodeText;
		proto.getTextPlus.newGetNodeText = proto.getNodeText = function(node, text) {
			var res = func.apply(this, arguments);
			if (!res && !(node?.localName != "browser" && node.ownerGlobal && node.ownerDocument))
				return false;
			var txt = this.getTextPlus(node);
			return txt ? text.value = res ? txt + "\n" + text.value : txt : res;
		}
	},
	psDestroy: proto => {
		proto.getNodeText = proto.getTextPlus.getNodeText;
	}
}).init())} catch(ex) {Cu.reportError(ex);}

Отредактировано Dumby (04-08-2020 22:28:31)

voqabuhe · №8856

Vitaliy V. пишет

Вот такое придумалось, но надо тестить
custom_script.js

Прикольно, спасибо. А как бы тогда убрать тултип в строке статуса? Чтоб небыло лишнего мелькания и дублирования.

_zt

Хотел ответить, но после скрипта от Vitaliy V. это потеряло смысл. Тем более что вы скатились к откровенным глупостям.

Отредактировано voqabuhe (04-08-2020 23:39:47)

kokoss · №8857

Vitaliy V.
Dumby
Спасибо за скрипт !!!

voqabuhe · №8858

Vitaliy V.
Заметил, что скрипт не срабатывает, если вкладку выгрузить, а потом снова загрузить.

Добавлено 05-08-2020 00:19:27
Dumby
У меня почему-то твой скрипт не работает [firefox] 79.0. Засунул его в custom_script.js, правильно, или куда его?

Отредактировано voqabuhe (05-08-2020 00:19:27)

Dumby · №8859

voqabuhe пишет

У меня почему-то твой скрипт не работает 79.0. Засунул его в custom_script.js, правильно, или куда его?

Да, засунул правильно.
И да, вот прям после установки не работает.
Нужно либо создать true настройку, либо вытащить и нажать кнопку.

_zt · №8860

Vitaliy V.
Вроде хорошо. Поставил буду смотреть и сообщу если что. Спасибо.

Как убрать переход на новую строку после базового адреса? Достаточно, только в первой строке или во второй тоже?

Выделить код

Код:

path = `\n${href.pathQueryRef}`;
if (path === "\n/") path = "";

Хочу посмотреть как удобнее будет.

Обработку атрибута alt= добавлять не думаете? На предыдущей странице у моих картинок он есть (если для теста). Если вдруг надумаете, то возможно, alt стоит показывать, только если title нет, а то иногда в alt title дублируют.

voqabuhe

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

Имейте мужество признать свою неправоту, а не скатывайтесь, как баба базарная, до откровенного хамства, когда нечего противопоставить приведенным пруфам.

Отредактировано _zt (05-08-2020 01:22:59)

Vitaliy V. · №8861

voqabuhe пишет

Заметил, что скрипт не срабатывает, если вкладку выгрузить, а потом снова загрузить.

А на [nightly] не заметил такого, значит пусть будет DOMContentLoaded а не pageshow, заменил.

Dumby пишет

я тоже пытался придумать, и показалось приемлимым

Ну вот, если бы знал то и время бы не стал тратить на это, но два варианта лучше.
Будет время разберусь что это за концепция.

Добавлено 05-08-2020 01:33:09

_zt пишет

Как убрать переход на новую строку после базового адреса?

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

Выделить код

Код:

//path = `\n${href.pathQueryRef}`;
//if (path === "\n/") path = "";
path = href.pathQueryRef;
if (path === "/") path = "";

P.S. И это не базовый домен...
Добавлено 05-08-2020 01:36:42

_zt пишет

Обработку атрибута alt= добавлять не думаете?

А зачем, какой от него прок, когда картинки не загрузятся?

Отредактировано Vitaliy V. (05-08-2020 01:47:14)

voqabuhe · №8862

Dumby

Dumby пишет

Да, засунул правильно.
И да, вот прям после установки не работает.
Нужно либо создать true настройку, либо вытащить и нажать кнопку.

Ах вон оно чё, ну кто ж знал, что это целая кнопка. Спасибо, ну это совсем идеально.

_zt

не скатывайтесь, как баба базарная, до откровенного хамства

Вот поэтому и не стал отвечать, и как вижу не ошибся. И на этом прекращаю, даже под спойлером

Добавлено 05-08-2020 01:41:23

Vitaliy V. пишет

А на не заметил такого, значит пусть будет DOMContentLoaded а не pageshow, заменил.

Спасибо. Ну а нижний то тултип как скрыть, подскажете?

Отредактировано voqabuhe (05-08-2020 01:42:44)

Vitaliy V. · №8863

voqabuhe
стилем

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

Выделить код

Код:

#statuspanel[type="overLink"] {
    transition: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

_zt · №8864

Vitaliy V.

alt

А он только у картинок используется? Значит я чего то не понял. Тогда вопрос снимается. Просто я пока скрипты гонял несколько раз наткнулся, но не понял, что только у картинок.

P.S. И это не базовый домен...

Я писал базовый адрес, а не домен. Не знаю как правильно его назвать.

Neytrino · №8865

Всем привет, есть:
Расширения Classical Search Bar и Purple Private Windows
Когда (в приватном режиме) активно второе, иконки поисковых систем из первого и иконки поисковых систем в самом фоксе - не инвертируются (а хотелось бы чтобы они не выбивались из общего дизайна).

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

Можно ли что-нибудь с этим сделать..? (p.s. если это имеет значение, все иконки поисковых систем у меня в *.svg)

Отредактировано Neytrino (05-08-2020 11:52:55)

Vitaliy V. · №8866

_zt
ну да для ссылок он бесполезен, используется в тегах
<img>
<area>
<input type="image">
Neytrino
Ну не знаю разве что фильтр применить но будет всё одним цветом

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

Выделить код

Код:

*|*:root[privatebrowsingmode] .searchbar-engine-image,
*|*:root[privatebrowsingmode] .searchbar-engine-one-off-item > .button-box > .button-icon {
    filter: url("data:image/svg+xml;charset=utf-8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='fill'><feComposite in='FillPaint' in2='SourceGraphic' operator='in'/></filter></svg>#fill") !important;
    fill: currentColor !important;
    color: inherit !important;
}


@-moz-document url("moz-extension://XXXXXXXX-XXXX-UUID-XXXX-XXXXXXXXXXXX/popup/popup.html") {
    :root[style] .menuitem .icon img {
        filter: url("data:image/svg+xml;charset=utf-8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='fill'><feComposite in='FillPaint' in2='SourceGraphic' operator='in'/></filter></svg>#fill") !important;
        fill: var(--popup-text) !important;
    }
}

второй код для Classical Search Bar, в userContent.css

qwerty1956 · №8867

После нажатии звездочки в адресной строке, в открывшемся окне нужно выбрать место сохранения и нажать Готово для закрытия. Недавно пробегал способ (стиль? / скрипт?) автозакрытия окна сразу после выбора места сохранения. Никак не могу теперь найти. Кто знает, подскажите, пожалуйста

kokoss · №8868

qwerty1956 пишет

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

После выбора места сохранения закладки, кликните ЛКМ на пустом месте страницы и это окно закроется.

qwerty1956 · №8869

kokoss пишет

После выбора места сохранения закладки, кликните ЛКМ на пустом месте страницы и это окно закроется.

Чем отличается от клика ЛКМ по кнопке Готово? То же лишнее действие. Вопрос про

автозакрытие окна

Отредактировано qwerty1956 (05-08-2020 12:58:42)

kokoss · №8870

qwerty1956 пишет

Чем отличается от клика ЛКМ по кнопке Готово?

Тем что для меня так удобнее

Neytrino · №8871

Vitaliy V., как всегда - очень круто, спасибо! но второй код (в "userContent.css" почему-то не работает)

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

Выделить код

Код:

@-moz-document url("moz-extension://6905b838-e843-4ee3-9df0-b4c79673b21c/popup/popup.html") {
    :root[style] .menuitem .icon img {
        filter: url("data:image/svg+xml;charset=utf-8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='fill'><feComposite in='FillPaint' in2='SourceGraphic' operator='in'/></filter></svg>#fill") !important;
        fill: var(--popup-text) !important;
    }
}

Vitaliy V. · №8872

Neytrino
Должен работать если в настройках Classical Search Bar
оформление auto + тема [firefox] в данном случае расширение Purple Private Windows
или тёмное - тема не обязательна.
А если так заменить
:root[style] --> удалить
var(--popup-text) --> currentColor
если нет, то возможно что-то с файлом userContent.css не того
или UUID не тот

Отредактировано Vitaliy V. (05-08-2020 15:21:19)

Neytrino · №8873

Vitaliy V., и так - тоже не хочет...

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

Выделить код

Код:

@-moz-document url("moz-extension://6905b838-e843-4ee3-9df0-b4c79673b21c/popup/popup.html") {
    .menuitem .icon img {
        filter: url("data:image/svg+xml;charset=utf-8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='fill'><feComposite in='FillPaint' in2='SourceGraphic' operator='in'/></filter></svg>#fill") !important;
        fill: currentColor !important;
    }
}

Остальное содержимое userContent - работает корректно, пробовал перемещать код в начало файла (если там дальше по тексту есть какие ошибки - в самом начале они не должны его затрагивать)...
UUID - тот, ну по крайней мере у *.xpi расширения (в папке "extensions") такое же имя (в фигурных скобках)...

Vitaliy V. · №8874

Neytrino пишет

UUID - тот, ну по крайней мере у *.xpi расширения (в папке "extensions") такое же имя (в фигурных скобках)...

А понятно, не обратил внимания - вы использовали ID расширения это не то.
Откройте about:debugging#/runtime/this-firefox и скопируйте Внутренний UUID

Neytrino · №8875

Vitaliy V., УРА, тысяча благодарностей за вашу мудрость! (и терпение)

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

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