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

darex · №9876

Vitaliy V.
Извините, но я правильно понял, что https://forum.mozilla-russia.org/viewto … 37#p789537
для custom_script_win.js:
ucf_custom_script_win

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

Выделить код

Код:

OneClickSearch: {
    constructor: function() {
        gURLBar.view.oneOffSearchButtons.handleSearchCommand = eval(`(${gURLBar.view.oneOffSearchButtons.handleSearchCommand})`
        .replace(/^\((async\s)?.*?handleSearchCommand/, "($1function handleSearchCommand")
        .replace(/if\s\([\n\s]+?userTypedSearchString\s&&[\n\s]+?engine\s&&[\n\s]+?\(event\.shiftKey\s\|\|\swhere\s!=\s"current"\)[\n\s]+?\)/, "if (engine && !event.shiftKey)"));
    }
},

ucf_custom_script_win.load

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

Выделить код

Код:

this.OneClickSearch.constructor();

Отредактировано darex (26-03-2021 10:41:20)

Vitaliy V. · №9877

Dobrov пишет

Подскажите, как уменьшить поле поиска, сместить его вверх

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

Выделить код

Код:

@-moz-document url("about:newtab"), url("about:home") {
.search-wrapper .search-inner-wrapper {
    min-height: 28px !important;
}
.search-handoff-button .fake-caret {
    top: 6px !important;
}
.outer-wrapper:not(.only-search) {
    padding-top: 10px !important;
}
}

Dobrov пишет

при прокрутке строка поиска не исчезает, мешается сверху.

не наблюдаю такого, возможно это др. стиль
darex
можно и так, или просто добавить в ucf_custom_script_win.load

Dobrov · №9878

Vitaliy V. пишет

при прокрутке строка поиска не исчезает, мешается сверху.
не наблюдаю такого, возможно это др. стиль

На скрине видно, что при прокрутке поле поиска не исчезает. У меня установлено 8 строк плиток вместо четырёх стандартных.
user_pref("browser.newtabpage.activity-stream.topSitesRows", 8);

Vitaliy V. · №9879

Dobrov пишет

У меня установлено 8 строк плиток вместо четырёх стандартных.
user_pref("browser.newtabpage.activity-stream.topSitesRows", 8);

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

upd: посмотрел на [windows] и действительно не прокручивается
тогда так

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

Выделить код

Код:

@-moz-document url("about:newtab"), url("about:home") {
.search-wrapper .search-inner-wrapper {
    min-height: 28px !important;
}
.search-handoff-button .fake-caret {
    top: 6px !important;
}
.outer-wrapper:not(.only-search) {
    padding-top: 10px !important;
}
.search-handoff-button,
.search-wrapper input {
    background-position-x: 16px !important;
    background-size: 16px !important;
}
.fixed-search .search-wrapper {
    border-bottom: none !important;
    position: static !important;
}
.fixed-search main {
    padding-top: 0 !important;
}
}

Отредактировано Vitaliy V. (26-03-2021 15:15:19)

Dobrov · №9880

Vitaliy V. пишет

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

МакОС, FF84. Полностью убирал папку chrome, результат тот же, записал гифку:
Кроме того, поле поиска невозможно выбирать, пока не прокрутишь плитки вниз:

Отредактировано Dobrov (26-03-2021 14:53:13)

Vitaliy V. · №9881

Dobrov пишет

МакОС

Негде посмотреть, виртуалку городить из-за этого не хочется

Отредактировано Vitaliy V. (26-03-2021 15:21:33)

Dobrov · №9882

Vitaliy V. пишет

upd: посмотрел на и действительно не прокручивается

Спасибо, с этим стилем Поиск стал прокручиваться вместе с плитками! Убрал пустоту после Поиска так:

Выделить код

Код:

.non-collapsible-section { 
	margin-bottom: -70px !important;
}

Отредактировано Dobrov (26-03-2021 16:05:51)

darex · №9883

Vitaliy V.

Vitaliy V. пишет

можно и так, или просто добавить в ucf_custom_script_win.load

Спасибо!

Вжух · №9884

Несколько версий назад появилась такая проблема. Когда нажимаешь на адресную строку, появляется выпадающий список с часто посещаемыми сайтами. Так вот, до одного из обновлений в этом выпадающем списке было 10 или более строк сайтов, а сейчас только 7. Возможно кто-то уже это спрашивал, так как это было несколько версий назад. Так что, если что, извиняйте за повтор. В общем, как сделать выпадающий список часто посещаемых сайтов с 10 и более пунктами?

Stkvsky · №9885

Vitaliy V.
Виталий подскажите пожалуйста, возможно ли указать цвет вкладки(background-color) для вкладок about:config, about:addons, about:new?

Так получается только с "новой вкладкой"
А для about:config, about:addons как узнать путь к иконке?

Выделить код

Код:

.tabbrowser-tab[image="chrome://branding/content/icon32.png"][fadein]:not([pinned]) {
	background-color: red!important;
	background: red!important;
}

Для about:preferences нашел chrome://browser/skin/settings.svg
Подскажите для about:config, about:addons

Отредактировано Stkvsky (27-03-2021 23:57:23)

Vitaliy V. · №9886

Stkvsky
у вас есть уже код https://forum.mozilla-russia.org/viewto … 07#p788507 ?
.tabbrowser-tab[ucf-spec="about:config"][fadein]:not([pinned]) ...

ulver73 · №9887

Подскажите как убрать пункт (Открыть фоновое изображение) из контекстного меню

Stkvsky · №9888

Vitaliy V.
Я первым делом так и пробовал но не получилось, подумал что может с такими страницами не работает
В общем не получилось, для домена сайта получается для about:config нет

Добавлено 28-03-2021 00:16:07
Добавляю в custom_style_author.css

Выделить код

Код:

.tabbrowser-tab[ucf-host="about:config"][fadein]:not([pinned]) {
background-color: red !important;  
background: red !important;
}

Добавлено 28-03-2021 00:18:00
Перезагружаю с обновлением кэша и ничего

Отредактировано Stkvsky (28-03-2021 00:18:00)

Vitaliy V. · №9889

ulver73

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

Выделить код

Код:

#context-viewbgimage {
    display: none !important;
}

Stkvsky
у страниц about не бывает ucf-host, используйте ucf-spec или ucf-specIgnoringRef

Stkvsky · №9890

Vitaliy V.
Невнимательно смотрет, спасибо, заработало, супер

Еще один вопрос
Испольщую ваш стиль чтобы красить вкладки в цвета контейнеров

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

Выделить код

Код:

/*ЦВЕТА КОНТЕЙНЕРОВ*/
@-moz-document url("chrome://browser/content/browser.xhtml"),
    url-prefix("about:preferences"),
    url("chrome://browser/content/preferences/dialogs/containers.xhtml") {
*|*.identity-color-blue {
    --identity-tab-color: #37adff !important;
    --identity-icon-color: #37adff !important;
}

*|*.identity-color-turquoise {
    --identity-tab-color: #00c79a !important;
    --identity-icon-color: #00c79a !important;
}

*|*.identity-color-green {
    --identity-tab-color: #51cd00 !important;
    --identity-icon-color: #51cd00 !important;
}

*|*.identity-color-yellow {
    --identity-tab-color: #ffcb00 !important;
    --identity-icon-color: #ffcb00 !important;
}

*|*.identity-color-orange {
    --identity-tab-color: #ff9f00 !important;
    --identity-icon-color: #ff9f00 !important;
}

*|*.identity-color-red {
    --identity-tab-color: #ff613d !important;
    --identity-icon-color: #ff613d !important;
}

*|*.identity-color-pink {
    --identity-tab-color: #ff4bda !important;
    --identity-icon-color: #ff4bda !important;
}

*|*.identity-color-purple {
    --identity-tab-color: #af51f5 !important;
    --identity-icon-color: #af51f5 !important;
}

*|*.identity-color-toolbar {
    --identity-tab-color: #4949ff !important;
    --identity-icon-color: #4949ff !important;
}

*|*.tabbrowser-tab *|*.tab-stack {
    background-color: var(--identity-tab-color, transparent) !important;
}
}

Подскажите пожалуйста как убрать перегодоки между вкладками, черные полоски

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

Отредактировано Stkvsky (28-03-2021 00:38:40)

Vitaliy V. · №9891

Stkvsky
возможно так, если ещё каких стилей нет

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

Выделить код

Код:

.tabbrowser-tab::after,
.tabbrowser-tab::before {
    display: none !important;
}

Отредактировано Vitaliy V. (28-03-2021 00:55:47)

Stkvsky · №9892

Vitaliy V.
О, класс, спасибо, супер

_zt · №9893

ulver73
Пользуйтесь пожалуйста поиском, никому не интересно отвечать на такие вопросы.
simpleMenuWizard

ofizer · №9894

Vitaliy V.
Виталий, можно ли вернуть в контекстное меню пункт "Информация об изображении", когда щелкаешь по изображению ПКМ? Сделал снимок с Tor-а на всякий случай:

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

Кто-то вчера спрашивал не в этой теме, но физически времени нет сейчас искать. Спасибо.

Vitaliy V. · №9895

ofizer пишет

Виталий, можно ли вернуть в контекстное меню пункт "Информация об изображении"

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

Выделить код

Код:

(this.contextviewimageinfo = {
            init(that) {
                var contextMenu = this.contextMenu = document.querySelector("#contentAreaContextMenu");
                if (!contextMenu) return;
                contextMenu.addEventListener("popupshowing", this);
                that.unloadlisteners.push("contextviewimageinfo");
            },
            destructor() {
                this.contextMenu.removeEventListener("popupshowing", this);
            },
            handleEvent(e) {
                if (!gContextMenu.onImage || gContextMenu.webExtBrowserType === "popup") return;
                var menuitem = document.createXULElement("menuitem");
                menuitem.setAttribute("label", "Информация об изображении");
                menuitem.setAttribute("oncommand", "_viewImageInfo();");
                menuitem.className = "menuitem-iconic";
                menuitem._viewImageInfo = this.viewImageInfo.bind(this);
                (this.contextMenu.querySelector("#context-sendimage") || this.contextMenu.lastElementChild).after(menuitem);
                this.handleEvent = () => menuitem.hidden = (!gContextMenu.onImage || gContextMenu.webExtBrowserType === "popup");
            },
            viewImageInfo() {
                BrowserPageInfo(
                    gContextMenu.contentData.docLocation,
                    "mediaTab",
                    gContextMenu.imageInfo,
                    null,
                    gContextMenu.browser
                );
            },
        }).init(this);

ofizer пишет

Кто-то вчера спрашивал не в этой теме

видимо это https://forum.mozilla-russia.org/viewto … pid=789556

Отредактировано Vitaliy V. (28-03-2021 15:21:24)

Stkvsky · №9896

Vitaliy V.
Подскажите пожалуйста как указать для активной вкладки черный фон
Так вот не получается

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

Выделить код

Код:

.tabbrowser-tab[selected] { 
background-color: black !important;  
background: black !important;
}

Точнее получается но вот этот стиль который красит закладки перекрывает как то этот код

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

Выделить код

Код:

/*ЦВЕТА КОНТЕЙНЕРОВ*/
@-moz-document url("chrome://browser/content/browser.xhtml"),
    url-prefix("about:preferences"),
    url("chrome://browser/content/preferences/dialogs/containers.xhtml") {
*|*.identity-color-blue {
    --identity-tab-color: #37adff !important;
    --identity-icon-color: #37adff !important;
}

*|*.identity-color-turquoise {
    --identity-tab-color: #00c79a !important;
    --identity-icon-color: #00c79a !important;
}

*|*.identity-color-green {
    --identity-tab-color: #51cd00 !important;
    --identity-icon-color: #51cd00 !important;
}

*|*.identity-color-yellow {
    --identity-tab-color: #ffcb00 !important;
    --identity-icon-color: #ffcb00 !important;
}

*|*.identity-color-orange {
    --identity-tab-color: #ff9f00 !important;
    --identity-icon-color: #ff9f00 !important;
}

*|*.identity-color-red {
    --identity-tab-color: #ff613d !important;
    --identity-icon-color: #ff613d !important;
}

*|*.identity-color-pink {
    --identity-tab-color: #ff4bda !important;
    --identity-icon-color: #ff4bda !important;
}

*|*.identity-color-purple {
    --identity-tab-color: #af51f5 !important;
    --identity-icon-color: #af51f5 !important;
}

*|*.identity-color-toolbar {
    --identity-tab-color: #4949ff !important;
    --identity-icon-color: #4949ff !important;
}

*|*.tabbrowser-tab *|*.tab-stack {
    background-color: var(--identity-tab-color, transparent) !important;
}
}

Отредактировано Stkvsky (28-03-2021 17:14:45)

ofizer · №9897

Vitaliy V. пишет

ofizer пишет

Виталий, можно ли вернуть в контекстное меню пункт "Информация об изображении"

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

Выделить код

Код:

(this.contextviewimageinfo = {
            init(that) {
                var contextMenu = this.contextMenu = document.querySelector("#contentAreaContextMenu");
                if (!contextMenu) return;
                contextMenu.addEventListener("popupshowing", this);
                that.unloadlisteners.push("contextviewimageinfo");
            },
            destructor() {
                this.contextMenu.removeEventListener("popupshowing", this);
            },
            handleEvent(e) {
                if (!gContextMenu.onImage || gContextMenu.webExtBrowserType === "popup") return;
                var menuitem = document.createXULElement("menuitem");
                menuitem.setAttribute("label", "Информация об изображении");
                menuitem.setAttribute("oncommand", "_viewImageInfo();");
                menuitem.className = "menuitem-iconic";
                menuitem._viewImageInfo = this.viewImageInfo.bind(this);
                (this.contextMenu.querySelector("#context-sendimage") || this.contextMenu.lastElementChild).after(menuitem);
                this.handleEvent = () => menuitem.hidden = (!gContextMenu.onImage || gContextMenu.webExtBrowserType === "popup");
            },
            viewImageInfo() {
                BrowserPageInfo(
                    gContextMenu.contentData.docLocation,
                    "mediaTab",
                    gContextMenu.imageInfo,
                    null,
                    gContextMenu.browser
                );
            },
        }).init(this);

ofizer пишет

Кто-то вчера спрашивал не в этой теме

видимо это https://forum.mozilla-russia.org/viewto … pid=789556

Ой, что-то не получается. Ни в userChrome, ни в userContent.

Vitaliy V. · №9898

Stkvsky

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

Выделить код

Код:

.tab-background[multiselected=true],
.tab-background[selected=true] {
  background-color: black !important; 
}

ofizer
Ну какой ещё css, вы думаете теперь возможно стилем такое сделать...
Этот скрипт для custom_script_win.js, и прочитайте инструкцию для UCF внимательно прежде чем писать не получается и т.д.

ofizer · №9899

Vitaliy V.
А я скриптами никогда не пользовался. Вот сказали - всё получилось. Спасибо! :beer:

Dumby · №9900

Vitaliy V.
Извиняюсь за Windows-контекст STR, но я просто обратить внимание.
В Firefox 88 завезли баг :usch:
Bug 1691860 - Make context menu separator hiding more robust

STR:
1. ПКМ на изображении.
2. ПКМ на простой (без изображения, без ничего) ссылке.
AR:
В контекстном меню торчит два подряд сепаратора
#context-sep-copylink и #context-sep-setbackground

То есть, видимо, "нам" предлагается вызывать this.contextMenu.showHideSeparators();
Так тоже, вроде, на первый взгляд, работает

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

Выделить код

Код:

(async cmd => {
	var menuitem = document.createXULElement("menuitem");
	document.getElementById("context-sendimage").after(menuitem);
	menuitem.render = function() {
		this.id = "context-viewimageinfo";
		this.setAttribute("oncommand", cmd);
		this.label = "Информация об изображении";
		(this.render = function() {
			var {context, browser} = nsContextMenu.contentData || {};
			this.hidden = !context?.onImage ||
				browser.classList.contains("webextension-popup-browser");
			this.constructor.prototype.render.call(this);
		}).call(this);
	}
})(`BrowserPageInfo(
	gContextMenu.contentData.docLocation, "mediaTab",
	gContextMenu.imageInfo, null, gContextMenu.browser
);`);

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

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