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

Будьте в курсе последних изменений в мире Mozilla, следя за нашим микроблогом в Twitter.

№1140114-10-2021 15:53:56

voqabuhe
Участник
 
Группа: Members
Зарегистрирован: 06-12-2011
Сообщений: 3231
UA: Firefox 93.0

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

kokoss пишет

Если вы про путь до файла, то вроде сюда: CustomStylesScripts/styleschrome: [ // Для докум. всех окон [ChromeOnly]

Там у меня не срабатывает.
А нет, накосячил. Работает, спасибо.

Отредактировано voqabuhe (14-10-2021 16:15:57)

Отсутствует

 

№1140214-10-2021 16:06:29

Вит
Участник
 
Группа: Members
Зарегистрирован: 09-11-2018
Сообщений: 214
UA: Firefox 91.0

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

И вот еще хотел поинтересоваться: что это за подчеркивание букв и как его убрать?          https://ibb.co/df7jDP7

Отсутствует

 

№1140314-10-2021 18:09:40

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

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

Вит
Клавиша доступа.
   
Vitaliy V.
Как убрать подменю контекстного меню страницы ContextMenuOpenWith при выделенном тексте?
Типа как вы раньше давали для полей ввода - || gContextMenu.onTextInput;
   
И второе - в контекстном меню болтается сепаратор menupopup menuseparator::before без id, место его расположения можно переопределить с помощью -moz-box-ordinal-group и еще, как его скрыть можно, если он без id?

Отсутствует

 

№1140414-10-2021 18:17:11

sonyas75
Участник
 
Группа: Members
Откуда: Ставрополь
Зарегистрирован: 22-03-2011
Сообщений: 557
UA: Firefox 91.0

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

Вит
это для тех, кто не любит возиться с мышкой. ну для примера - у меня скрыта панель меню, жмакаю последовательно Alt, Shift+И, Shift+Ф и попадаю в инфо о странице. ну то такое :)

Отсутствует

 

№1140514-10-2021 18:46:47

Вит
Участник
 
Группа: Members
Зарегистрирован: 09-11-2018
Сообщений: 214
UA: Firefox 91.0

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

_zt пишет

Клавиша доступа.

Не допонял что это? И как убрать?

Отсутствует

 

№1140614-10-2021 19:21:18

Злой Буратино
Участник
 
Группа: Members
Зарегистрирован: 09-12-2011
Сообщений: 98
UA: Firefox 90.0

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

Прошу модератора объяснить причину удаления моих сообщений.

Отсутствует

 

№1140715-10-2021 00:06:11

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2186
UA: Firefox 94.0

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

_zt пишет

Как убрать подменю контекстного меню страницы ContextMenuOpenWith при выделенном тексте?

gContextMenu.isContentSelected
также можно ещё для всяких мультимедиа
.onImage, .onCanvas, .onVideo, .onAudio

_zt пишет

как его скрыть можно, если он без id?

Посмотреть в инспекторе есть ли ID в соседнем сверху элементе
и скрыть так
ID + menuseparator {
    display: none !important;
}

Отсутствует

 

№1140815-10-2021 12:49:37

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

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

Вит
Не знаю. Уберете, потом, если мышь сломается, будете жалеть.
   
Vitaliy V.
Спасибо.

Отредактировано _zt (15-10-2021 12:54:36)

Отсутствует

 

№1140915-10-2021 13:15:24

Вит
Участник
 
Группа: Members
Зарегистрирован: 09-11-2018
Сообщений: 214
UA: Firefox 91.0

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

_zt Понял, спасибо, вопрос снят

Отсутствует

 

№1141015-10-2021 17:21:55

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

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

Всем привет.
Несколько месяцев не заходил в тему. Решил поставить новый ucf. Вопрос: есть ли инструкция, как переносить свои кнопки и стили из старой версии в новую?
Попробовал перенести файл custom_script.js из старой в новую версию и ничего. И где в новой включаются special widgets?

Отсутствует

 

№1141115-10-2021 18:27:49

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

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

xrun1 пишет

Решил поставить новый ucf. Вопрос: есть ли инструкция

от сюда ->https://forum.mozilla-russia.org/viewto … 67#p794867


Win7

Отсутствует

 

№1141216-10-2021 14:36:08

Djon776
Участник
 
Группа: Members
Зарегистрирован: 09-10-2020
Сообщений: 13
UA: Firefox 93.0

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

Итак, версия Firefox 93.0 (64 бит). При увеличении масштаба от 100% до 500% картинка остаётся неизменной, но текст увеличивается на любом сайте. Что это за прикол?

Как сделать так, чтобы и текст и картинка одновременно увеличивались при увеличении масштаба 100%--->500%?

Отредактировано Djon776 (16-10-2021 14:38:51)

Отсутствует

 

№1141316-10-2021 15:42:52

vending_machine
Участник
 
Группа: Members
Зарегистрирован: 10-01-2020
Сообщений: 549
UA: Firefox 93.0

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

Djon776 пишет

Что это за прикол?

Правильные настройки сайта:iron:

Отсутствует

 

№1141416-10-2021 16:44:24

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

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

Djon776
browser.zoom.full = true
   
Vitaliy V.
Вы можете обновить кнопочку под этот вариант about:config?

Отсутствует

 

№1141516-10-2021 17:23:54

voqabuhe
Участник
 
Группа: Members
Зарегистрирован: 06-12-2011
Сообщений: 3231
UA: Firefox 93.0

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

_zt пишет

Vitaliy V.
Вы можете обновить кнопочку под этот вариант about:config?

Присоединяюсь, было бы весьма пользительно.

Добавлено 16-10-2021 17:40:50
Кстати, Dumby, пропали названия столбцов в about:config. Можешь подправить?

Отредактировано voqabuhe (16-10-2021 17:40:50)

Отсутствует

 

№1141616-10-2021 18:28:09

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

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

kokoss
Нет, новый ucf не для моих мозгов. Буду сидеть на старом, пока работает. Я смысла слов не понимаю и не знаю: "По событию "load"", "По событию "DOMContentLoaded"", "В фоне [System Principal]", "[ChromeOnly]". И знать не хочу. Новый ucf для гиков, пусть они и разбираются. В старом в настройках было одна галочка - один файл, для чего каждый тоже было понятно.
Так что нет, старый, пока будет работать - буду пользоваться, перестанет - значит такая судьба.

Отсутствует

 

№1141716-10-2021 18:39:42

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

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

voqabuhe
Она оказывается работает, просто адрес заменить надо.

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

Выделить код

Код:

// Отдельная кнопка about:config с альт.управлением от Vitaliy V.
// https://forum.mozilla-russia.org/viewtopic.php?pid=783542#p783542
try {
    ((id, label, tooltiptext, about_config) => {
        CustomizableUI.createWidget({
            id: id,
            type: "custom",
            label: label,
            tooltiptext: tooltiptext,
            localized: false,
            defaultArea: CustomizableUI.AREA_NAVBAR,
            onBuild: function(document) {
                var win = document.defaultView;
                var toolbarbutton = document.createXULElement("toolbarbutton");
                toolbarbutton.id = id;
                toolbarbutton.className = "toolbarbutton-1 chromeclass-toolbar-additional";
                toolbarbutton.setAttribute("label", label);
                toolbarbutton.setAttribute("context", "false");
                toolbarbutton.setAttribute("tooltiptext", tooltiptext);
                toolbarbutton.setAttribute("image", "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAG+SURBVDhPlZM9TMJQFIXbUoIBBkbc3IQNBqCbuMlk2GDDiRGYHI0bm7Dp5KoTbtUJNvlLYGTT0U0WEgiB+t1HJaYSiSdpzuntu+fde9+r9h/0er2ocLvdPlABYLi8F91ut6rruj0YDLKhUOgNszOJ6+rrH5DdwuGwhTx3HKe6iWraer3O+3y+6d4KgsFgjETbTe5QxSk8NgyjhUlrr0EmkxmTXBO9Wq0uUqlUh/em+qhpxb0tDIfDGDu1kTLAOhW8wGVMCjyTnQb9ft8hqWZZVsOdfInEY2G1YIM6BgtTlAyKyd7QV5MyjySGPoEaJFZY+IjhnNgH+o7YpVSSTqc7qgK3zBFye74eyG7Sd1RmwpFagUBgkkwmp9sWKPseKrFwivsDnIVjxOZ+v/9QFquFHuhyMdhdFpd5j6Lz9P4kHzGVqhJiSGs9mYnEf8Jwk6/Q6pqiu8IulKaaAv1XVMQD1cJoNIosl0sbaWHQME3zerFYxNA2T+RnVV6oi+T2p3pktypmn+z4KskSg9+Fd0EZcNYJSH6OZ56xxL6HiZzDMp+dUAZyNOwY51xzJOYkRtIt17bI8OKz2Uxd5d/QtC/349nfbdYVdQAAAABJRU5ErkJggg==");
                toolbarbutton.addEventListener("click", function(event) {
                    if (event.button == 0) {
                        if (!event.ctrlKey)
                            win.gBrowser.selectedTab = about_config.addTab(win, "about:config",  {
                                relatedToCurrent: true,
                            });
                        else
                            about_config.openSelectedOldConfigWin(win);
                    } else if (event.button == 1)
                        about_config.openClipboardConfigTab(win);
                    else if (event.button == 2) {
                        event.preventDefault();
                        event.stopPropagation();
                        if (!event.ctrlKey)
                            about_config.openSelectedConfigTab(win);
                        else
                            about_config.openSelectedOldConfigWin(win);
                    }
                });
                return toolbarbutton;
            }
        });
    })(
        "ucf-open-about-config",
        "about:config",
        "	 ЛКМ : Открыть новый about:config\nCtrl+ЛКМ : Искать выделенное / из буфера в старом\n	 ПКМ : Искать выделенное / из буфера в новом\nCtrl+ПКМ : Искать выделенное / из буфера в старом",
        {
            get ClipboardHelper() {
                delete this.ClipboardHelper;
                return this.ClipboardHelper = Cc["@mozilla.org/widget/clipboardhelper;1"].getService(Ci.nsIClipboardHelper);
            },
            openClipboardConfigTab: function(win, clip = "", copy) {
                var filter = this.readFromClipboard(win), nowarn = false, pref = "browser.aboutConfig.showWarning";
                if (copy && clip != filter)
                    this.ClipboardHelper.copyString(clip);
                if (Services.prefs.getBoolPref(pref, false)) {
                    Services.prefs.setBoolPref(pref, false);
                    nowarn = true;
                }
                var browser = win.gBrowser.getBrowserForTab(win.gBrowser.selectedTab = this.addTab(win, "about:config", {
                    relatedToCurrent: true,
                }));
                browser.addEventListener("pageshow", (e) => {
                    var doc = e.currentTarget.contentDocument, input = (doc && doc.querySelector("input#about-config-search"));
                    if (input && filter) {
                        input.value = filter;
                        input.dispatchEvent(new doc.defaultView.Event("input", { bubbles: true }));
                    }
                    if (nowarn)
                        setTimeout(() => {
                            Services.prefs.setBoolPref(pref, true);
                        }, 200);
                }, { once: true });
            },
            openSelectedConfigTab: function(win) {
                var clip = this.readFromClipboard(win);
                win.goDoCommand("cmd_copy");
                setTimeout(() => {
                    this.openClipboardConfigTab(win, clip, true);
                }, 100);
            },
            addTab: function(win, url, params = {}) {
                params.triggeringPrincipal = Services.scriptSecurityManager.getSystemPrincipal();
                return win.gBrowser.addTab(url, params);
            },
            readFromClipboard: function(win) {
                var url = "";
                try {
                    var trans = Cc["@mozilla.org/widget/transferable;1"].createInstance(Ci.nsITransferable);
                    var contxt = ("docShell" in win) ? win.docShell.QueryInterface(Ci.nsILoadContext) : win.QueryInterface(Ci.nsIInterfaceRequestor).getInterface(Ci.nsIWebNavigation).QueryInterface(Ci.nsILoadContext);
                    trans.init(contxt);
                    trans.addDataFlavor("text/unicode");
                    var clipboard = Services.clipboard;
                    clipboard.getData(trans, clipboard.kGlobalClipboard);
                    var data = {};
                    trans.getTransferData("text/unicode", data, {});
                    if (data.value) {
                        data = data.value.QueryInterface(Ci.nsISupportsString);
                        url = data.data;
                    }
                } catch (ex) { }
                return url;
            },
            openSelectedOldConfigWin: function(win) {
                var clip = this.readFromClipboard(win);
                win.goDoCommand("cmd_copy");
                setTimeout(() => {
                    var _win = Services.wm.getMostRecentWindow("Preferences:ConfigManager"), filter = this.readFromClipboard(win);
                    if (clip != filter)
                        this.ClipboardHelper.copyString(clip);
                    var setFilter = () => {
                        var input = _win.document.querySelector("#textbox");
                        if (input) {
                            input.value = filter;
                            input.dispatchEvent(new _win.Event("input", { bubbles: true }));
                        }
                    };
                    if (_win) {
                        _win.focus();
                        setFilter();
                    } else {
                        let nowarn = false, pref = "general.warnOnAboutConfig";
                        if (Services.prefs.getBoolPref(pref, false)) {
                            Services.prefs.setBoolPref(pref, false);
                            nowarn = true;
                        }
                        _win = win.openDialog("chrome://user_chrome_files/content/aboutconfig/config.xhtml", "Preferences:ConfigManager", "chrome,dialog=no,centerscreen,resizable");
                        _win.addEventListener("load", function load() {
                            setFilter();
                            if (nowarn)
                                setTimeout(() => {
                                    Services.prefs.setBoolPref(pref, true);
                                }, 200);
                        }, { once: true });
                    }
                }, 100);
            },
        }
    );
} catch(e) {}

Правда у меня немного модифицированная, но думаю разберетесь.
   
Добавлено 16-10-2021 18:59:15
Vitaliy V.
Я хотел назначить на один из Ctrl открытие старого во вкладке (about_config.openSelectedOldConfigTab(win)), но оно у меня пару раз сработало и перестало. Можно такое сделать?

Отредактировано _zt (16-10-2021 18:59:34)

Отсутствует

 

№1141816-10-2021 20:07:17

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

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

voqabuhe пишет

пропали названия столбцов в about:config. Можешь подправить?

Да, с этим возился, но всё равно сейчас ещё поправлять пришлось.

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

А ещё, тогда зачем-то захотелось,
чтобы была возможность доступа и по адресу about:cfg


Для этого нужно прописать импорт jsm'ки в CustomStylesScripts.jsm
{ func: 'ChromeUtils.import("chrome://user_chrome_files/content/aboutconfig/UCFAboutConfigFluent.jsm");' },
ну, как на этой картинке (строка, предшествующая той, на которую указывает стрелка).


Плюс, иконку добавил в папку.
Следует заменить на свою, только чтоб название было favicon


zip-архив

Отсутствует

 

№1141916-10-2021 20:51:38

Djon776
Участник
 
Группа: Members
Зарегистрирован: 09-10-2020
Сообщений: 13
UA: Firefox 93.0

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

_zt пишет

browser.zoom.full = true

Благодарю! :beer:

Отсутствует

 

№1142017-10-2021 08:49:03

voqabuhe
Участник
 
Группа: Members
Зарегистрирован: 06-12-2011
Сообщений: 3231
UA: Firefox 93.0

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

Dumby пишет

Да, с этим возился, но всё равно сейчас ещё поправлять пришлось.

Спасибо.

_zt пишет

Правда у меня немного модифицированная, но думаю разберетесь.

Ага, спасибо, мне такая даже лучше, ибо не модифицированная есть в Add Toolbar Buttons.

Отсутствует

 

№1142117-10-2021 10:21:48

Dobrov
Участник
 
Группа: Members
Зарегистрирован: 04-10-2011
Сообщений: 472
UA: Firefox 87.0

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

перестал работать CSS, переключающий стиль на любой странице на более подходящий для чтения - на зелёный фон и чёрный текст.
На форуме есть только старый CSS-код, но в новых Firefox в результате остаётся только зелёный фон, а должен меняться и фон и текст.

Выделить код

Код:

/*AGENT_SHEET*/

@-moz-document url-prefix("http"), url-prefix("https"), url-prefix("ftp"), url-prefix("file") {
html *, html {
background: #ccd1d1 !important; text-shadow: none !important;
color: #000000 !important;
-moz-border-top-colors: #8FBC8F !important; -moz-border-bottom-colors: #8FBC8F!important; -moz-border-left-colors: #8FBC8F !important; -moz-border-right-colors: #8FBC8F !important;
}
code, pre, input, samp, kbd, var, dfn,.postright {
-moz-appearance: none !important;
background-color: #BADBAD !important;
}
input, select, textarea, button {
-moz-appearance: none !important;
border: 1px solid #BADBAD !important;
background-color: #BADBAD !important;
}
.codebox, BLOCKQUOTE, TEXTAREA, .spoiler { -moz-border-top-colors: #444  !important; -moz-border-bottom-colors: #444 !important;
-moz-border-left-colors: #444 !important; -moz-border-right-colors: #444 !important; }
}

UCF - Кнопка переключения стиля страниц

Выделить код

Код:

try {	CustomizableUI.createWidget({ tooltiptext: `ЛКМ:	Reader`,
		type: "custom", id: "ucf_Reader", label: "Reader", localized: false,
		onBuild(doc) {
			var trbn = doc.createXULElement("toolbarbutton");
			trbn.id = this.id; trbn.tooltipText = this.tooltiptext; trbn.label = this.label;
			trbn.className = "toolbarbutton-1 chromeclass-toolbar-additional";
			trbn.setAttribute("context", false);
			trbn.style.setProperty("list-style-image", 'url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACS0lEQVR4Xt1VIZCkMBBcGYlERiKRSCQSuTISiUQiVyJXIle8QCKRSOTJkyterDtU8t1cpipVl937f3mpmkuupnt6MjNhTz9v1XWdYi1Jkjit9YilXuGBGYDfySH3WwEAR2xODCLdi+BtiCX32+yVUg8cd5BvJPH/WGZVVRF790lM5ITYqGVZZkhAeVbnnOIOkivLMosIZPARu2ERu5DrY8QXQFNYFgTWsOoZviiKSsSlXBCan5VH84qwXUj/YuSAK2XSsYZJeZb/nUByfQWamHOmM8/z3hiTNU2T/q1A27YpOeTGysSGHeWRqZGrYuwm+J6Wiz5OkHDCGIwZn2eaUnJmNnfUN4/UPIfvPcahMeaX2qVa2/Y62mHdbD/NNitKK2OLF52gBAWNZ6yVPmKIJYdcxgh66buPRwKCI2janZ0eznEf3x9W57n1r3TjHp7pIybkUAjixH1Oo0xPZZoD+Ov37sRIaIbrIRAz+oi53T/x3MlBLEnKnND9leCW4IcIfBzGrIZlFYEd5TE0nmH0kQNsIIAYrU8Kk7id8Gf9zGZANqHAAXaXeQlrGvaMvi8C4a0ZmyU6E1zWZ1/LAyhgZy6D1H0QAX+m78AInlwKlOfzIcDYbLJ8Ilx/m+wcNOy6vXEqnH+ApQj4s6OPGGkyuYzBWPJl9RnpngSF7tdtZzuAzOUSjtwU+d2YvAixB4dcxvDZ9+FTVyDcggmxwUNbi6JIBRvcIqUvxoH42HWdiv0eNFB+4xWx32E9xJMX36CEGGI5++BvjHH6UesPIe4VKP0pWeUAAAAASUVORK5CYII=")', "important");
			trbn.addEventListener("click", function(e) {
				var win = e.view;
				if (e.button == 0) {

					var green = `
@-moz-document url-prefix("http"), url-prefix("https"), url-prefix("ftp"), url-prefix("file") {
html *, html {
background: #ccd1d1 !important; text-shadow: none !important;
color: #000000 !important;
-moz-border-top-colors: #8FBC8F !important; -moz-border-bottom-colors: #8FBC8F!important; -moz-border-left-colors: #8FBC8F !important; -moz-border-right-colors: #8FBC8F !important;
}
code, pre, input, samp, kbd, var, dfn,.postright {
-moz-appearance: none !important;
background-color: #BADBAD !important;
}
input, select, textarea, button {
-moz-appearance: none !important;
border: 1px solid #BADBAD !important;
background-color: #BADBAD !important;
}
.codebox, BLOCKQUOTE, TEXTAREA, .spoiler { -moz-border-top-colors: #444  !important; -moz-border-bottom-colors: #444 !important;
-moz-border-left-colors: #444 !important; -moz-border-right-colors: #444 !important; }
a:link { color: #300090 !important;
}
a:visited { color: #489412 !important; }
a:active { color: #d81e1e !important; }
a:hover { color: #d81e1e !important; }
}`;
					var sss = this.sss = Cc["@mozilla.org/content/style-sheet-service;1"].getService(Ci.nsIStyleSheetService);
					var uri = this.uri = Cc["@mozilla.org/network/io-service;1"].getService(Ci.nsIIOService).newURI("data:text/css,"+ encodeURIComponent(green),null,null);

					function setStyleForPages( reason ) {
						var style = sss.sheetRegistered(uri, sss.AGENT_SHEET);
					style
						? sss.unregisterSheet(uri, sss.AGENT_SHEET)
						: sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
					};
					setStyleForPages();
					return;
				}
			}, false);
			return trbn;
		},
	});
} catch(e) {}

Отсутствует

 

№1142217-10-2021 13:00:32

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

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

Dobrov
А так, вместо первой секции?

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

Выделить код

Код:

html *, html {
background: #ccd1d1 !important; text-shadow: none !important;
-moz-border-top-colors: #8FBC8F !important; -moz-border-bottom-colors: #8FBC8F!important; -moz-border-left-colors: #8FBC8F !important; -moz-border-right-colors: #8FBC8F !important;
}
html, body, input, textarea, select, button {
color: #000000 !important;
}


И вроде вместо -moz-appearance теперь просто appearance надо.

Отредактировано _zt (17-10-2021 13:10:37)

Отсутствует

 

№1142317-10-2021 13:30:26

ALEX_45_ORP
Участник
 
Группа: Members
Зарегистрирован: 18-01-2018
Сообщений: 162
UA: Firefox 93.0

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

как через userChrome.css уменьшить расстояние между иконками на панели навигации в 93 [firefox]?


Win 10х64

Отсутствует

 

№1142417-10-2021 16:35:11

Гавроша
Участник
 
Группа: Members
Зарегистрирован: 13-09-2021
Сообщений: 19
UA: Firefox 92.0

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

Гавроша пишет
sandro79 пишет
beloff пишет

как на вкладках сделать боковые и нижние границы? И можно ли цвет линий вкладок и закладок сделать более темным?

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

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

Выделить код

Код:

/* вкладки не вверху */
@-moz-document url("chrome://browser/content/browser.xhtml") {
:root {
    --v-toolbar-menubar-height: 28px; /* высота панели меню, только чётные числа не меньше 20px,
    если изменяете эту переменную то и в --v-toolbar-menubar-height-content - атрибут height= нужно установить ровно в два раза больше*/
    --v-toolbar-menubar-height-content: url("data:image/svg+xml,<svg width='28' height='56' xmlns='http://www.w3.org/2000/svg'><rect x='0' y='0' width='100%' height='100%' style='fill:transparent;'/></svg>");  /* height='2 * --v-toolbar-menubar-height' */
    --tab-border-radius: 4px !important;

    /* **************************************** */
    --proton-tab-block-margin: 0px !important;
    --tab-block-margin: 0px !important;
}
#navigator-toolbox {
    border-block: none !important;
    box-shadow: none !important;
    padding-top: 0 !important;
    -moz-appearance: none !important;
    appearance: none !important;
}
:root:not([inFullscreen])[tabsintitlebar] #navigator-toolbox {
    position: relative !important;
}
#navigator-toolbox > toolbar {
    -moz-box-ordinal-group: 10 !important;
}
#navigator-toolbox > #nav-bar {
    margin-block: 0 !important;
    box-shadow: none !important;
    -moz-box-ordinal-group: 0 !important;
    padding-inline: 0 !important;
}
:root:not([inFullscreen]) #navigator-toolbox > #nav-bar {
    margin-top: var(--v-toolbar-menubar-height) !important;
}
#navigator-toolbox > #PersonalToolbar {
    -moz-box-ordinal-group: 1 !important;
}
:root:not([inFullscreen])[tabsintitlebar] > *|body::before {
    content: var(--v-toolbar-menubar-height-content) !important;
    display: -moz-box !important;
    -moz-box-flex: 0 !important;
    -moz-box-orient: vertical !important;
    -moz-box-pack: start !important;
    -moz-box-align: stretch !important;
    -moz-box-ordinal-group: 0 !important;
    margin-bottom: calc(-2 * var(--v-toolbar-menubar-height)) !important;
    box-sizing: content-box !important;
}
:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"] > *|body::before {
    -moz-appearance: -moz-window-titlebar !important;
    appearance: -moz-window-titlebar !important;
}
:root:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] > *|body::before {
    -moz-appearance: -moz-window-titlebar-maximized !important;
    appearance: -moz-window-titlebar-maximized !important;
}
:root:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme > *|body::before {
    visibility: hidden !important;
}
@media not all and (-moz-os-version: windows-win7) {
    @media not all and (-moz-os-version: windows-win8) {
:root:-moz-lwtheme {
    background-color: var(--lwt-accent-color, -moz-Dialog) !important;
}
:root:-moz-window-inactive:-moz-lwtheme {
    background-color: var(--lwt-accent-color-inactive, var(--lwt-accent-color, -moz-Dialog)) !important;
}
    }
}
#navigator-toolbox > #titlebar {
    -moz-appearance: none !important;
    appearance: none !important;
    -moz-box-ordinal-group: 100 !important;
    position: static !important;
}
#toolbar-menubar {
    padding-block: 0 !important;
    margin-block: 0 !important;
    border: none !important;
    background: none !important;
    --toolbarbutton-outer-padding: 0px !important;
    --toolbarbutton-inner-padding: calc((var(--v-toolbar-menubar-height) - 16px) / 2) !important;
    -moz-appearance: none !important;
    appearance: none !important;
}
:root:not(:is([inFullscreen],[chromehidden~="menubar"])) #toolbar-menubar {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    min-height: 0 !important;
    height: var(--v-toolbar-menubar-height) !important;
    overflow: hidden !important;
}
#toolbar-menubar .toolbarbutton-badge {
    margin-inline-end: calc(-1 * (var(--toolbarbutton-outer-padding) + var(--toolbarbutton-inner-padding))) !important;
}
:root:not([inFullscreen]) #toolbar-menubar > :is(toolbaritem,toolbarbutton) {
    align-self: center !important;
}
:root:not([inFullscreen]) #toolbar-menubar > :is(#menubar-items,#wrapper-menubar-items,.titlebar-buttonbox-container) {
    align-self: flex-start !important;
}
:root:not([inFullscreen]) #toolbar-menubar > * {
    padding-block: 0 !important;
    margin-block: 0 !important;
}
:root:not([inFullscreen]) #toolbar-menubar[autohide="true"][inactive="true"]:not([customizing="true"]) > *:not(.titlebar-buttonbox-container) {
    opacity: 0 !important;
    pointer-events: none !important;
}
:root[inFullscreen] #toolbar-menubar {
    visibility: collapse !important;
}
:root:not([inFullscreen]) #toolbar-menubar > :is(*[style*="-moz-box-ordinal-group: 1000;"],.titlebar-buttonbox-container) {
    order: 1000 !important;
}
:root:not([inFullscreen]) #toolbar-menubar > :is(toolbarspring,spacer,[id^="wrapper-customizableui-special-spring"]) {
    flex-grow: 1 !important;
}
:root:not([inFullscreen]) #toolbar-menubar > :is(#search-container,#wrapper-search-container) {
    flex-grow: 100 !important;
}
#toolbar-menubar #search-container {
    padding-block: 0 !important;
}
#toolbar-menubar #searchbar {
    min-height: calc(var(--v-toolbar-menubar-height) - 2px) !important;
}
#TabsToolbar {
    -moz-appearance: none !important;
    appearance: none !important;
    padding-block: 0 !important;
    margin-block: 0 !important;
    box-shadow: 0 -1px 0 var(--tabs-border-color, rgba(0,0,0,.3)) inset !important;
    position: static !important;
    background-color: var(--toolbar-bgcolor, -moz-dialog) !important;
    background-image: var(--toolbar-bgimage, none) !important;
    color: var(--toolbar-color, -moz-dialogtext) !important;
    --lwt-toolbarbutton-icon-fill: inherit !important;
}
#TabsToolbar #tabbrowser-tabs {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
#TabsToolbar .tabbrowser-tab {
    background-color: transparent !important;
    border-top: none !important;
}
#TabsToolbar .tab-background {
    border-end-end-radius: 0 !important;
    border-end-start-radius: 0 !important;
}
#TabsToolbar > .toolbar-items {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
#TabsToolbar .tab-background {
    border-top-style: solid !important;
}
#TabsToolbar .titlebar-buttonbox-container,
#navigator-toolbox::after,
#TabsToolbar::after,
#TabsToolbar .titlebar-spacer:is([type="pre-tabs"],[type="post-tabs"]) {
    display: none !important;
}
#scrollbutton-up, #scrollbutton-down {
    border-block: none !important;
    border-end-end-radius: 0 !important;
    border-end-start-radius: 0 !important;
}
:root[inFullscreen] #window-controls {
    position: absolute !important;
    display: flex !important;
    align-items: start !important;
    top: 0 !important;
    inset-inline-start: auto !important;
    inset-inline-end: 0 !important;
    margin: 0 !important;
}
:root[inFullscreen] #navigator-toolbox > #nav-bar {
    margin-inline-end: var(--v-titlebar-buttonbox-container-width, 108px) !important;
}
:root:not([inFullscreen])[v_menubar_autohide="true"] #navigator-toolbox > #nav-bar {
    margin-top: 0 !important;
    margin-inline-end: var(--v-titlebar-buttonbox-container-width, 108px) !important;
}
:root:not([inFullscreen])[v_menubar_autohide="true"] #toolbar-menubar {
    pointer-events: none !important;
}
:root:not([inFullscreen])[v_menubar_autohide="true"] #toolbar-menubar .titlebar-buttonbox-container {
    pointer-events: auto !important;
}
@media (-moz-os-version: windows-win7), (-moz-os-version: windows-win8) {
:root[sizemode="normal"] #TabsToolbar {
    border-inline: 1px solid hsla(240,5%,5%,0.3) !important;
    background-clip: padding-box !important;
}
    @media (-moz-windows-classic: 0) {
:root:not([inFullscreen])[v_menubar_autohide="true"][tabsintitlebar][sizemode="normal"] #navigator-toolbox > #nav-bar {
    margin-top: 1px !important;
}
:root:not([inFullscreen])[sizemode="normal"] #toolbar-menubar:not([autohide="true"]) > #menubar-items {
    margin-top: 1px !important;
}
    }
}
@media (-moz-windows-classic) {
:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #navigator-toolbox::before {
    content: "" !important;
    display: -moz-box !important;
    height: 4px !important;
    -moz-box-ordinal-group: 0 !important;
    visibility: visible !important;
}
:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"]:-moz-lwtheme #navigator-toolbox::before {
    background-image: linear-gradient(to bottom, ThreeDLightShadow 0, ThreeDLightShadow 1px, ThreeDHighlight 1px, ThreeDHighlight 2px, ActiveBorder 2px, ActiveBorder 4px, transparent 4px) !important;
}
:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #toolbar-menubar {
    margin-top: 4px !important;
}
}
:root[data-l10n-id="browser-main-window-mac"] {
    --v-toolbar-menubar-height: 0px !important;
    --v-toolbar-menubar-height-content: none !important;
}
:root:not([inFullscreen])[tabsintitlebar][data-l10n-id="browser-main-window-mac"] #nav-bar {
    margin-inline-start: calc(var(--toolbarbutton-outer-padding, 2px) + var(--v-titlebar-button-horizont-padding, 6px) * 6 + var(--v-titlebar-button-image-width, 12px) * 3) !important;
}
:root:not([inFullscreen])[tabsintitlebar][data-l10n-id="browser-main-window-mac"] #TabsToolbar .titlebar-buttonbox-container {
    visibility: visible !important;
    display: -moz-box !important;
    position: absolute !important;
    display: flex !important;
    top: 0 !important;
}
}

/* обводка вкладки *//* var(--chrome-content-separator-color) можно заменить на свой цвет */
.tab-background {
    border: 1px solid var(--chrome-content-separator-color) !important; 
    box-shadow: none !important;  /* убрать тень по краям */
}

/* цвет панели вкладок и бордюр снизу */
#TabsToolbar-customization-target {
    /* background: #fb8af92b !important; */   /* раскомментировать на замену "сплошной цвет на панелях" */
    border-bottom: 1px solid var(--chrome-content-separator-color);
}

/* отступы по бокам вкладок */
.tabbrowser-tab {
    padding-inline: 0px !important;
}

/* цвет панели закладок *//*
#PersonalToolbar {
    background: #fb8af92b !important;
}*/ /* раскомментировать на замену "сплошной цвет на панелях" */

/* сплошной цвет на панелях для системной темы Firefox */
toolbar:not(:-moz-lwtheme) {
    --toolbar-bgcolor: #F0F0F0 !important;
}

/* цвет обводки строк адреса и поиска */
#urlbar:not([focused="true"]) > #urlbar-background, #searchbar:not(:focus-within) {
    border-color: ThreeDShadow !important;
}
#urlbar[focused=true] > #urlbar-background {
    border: 1px solid grey !important;
    box-shadow: none !important;
}
#searchbar:focus-within {
    box-shadow: none !important;
    border: 1px solid grey !important;
}

На экспериментальной 92 и win 10 у меня выглядит так.


Гавроша пишет

Спасибо, оба варианта попробовал, но папки все равно прозрачные, может я что не так сделал?

Может вы забыли переключить toolkit.legacyUserProfileCustomizations.stylesheets в true

Просто не знаю, что это такое?

Это точно я писал такое сообщение, или кто-то за меня?

Отсутствует

 

№1142517-10-2021 23:09:09

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

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

От нечего делать.

скрытый текст
2021.10.17_225630.th.png  2021.10.17_230135.th.png
скрытый текст

Выделить код

Код:

@namespace url("http://www.w3.org/1999/xhtml");
@-moz-document regexp("(?:https?|ftp|file):\/\/.*") {
html *, html {
	background: #222 !important;
	text-shadow: none !important;
	border-top-color: #222 !important;
	border-bottom-color: #222!important;
	border-left-color: #222 !important;
	border-right-color: #222 !important;
	color: silver !important;
	}
html, body, input, textarea, select, button {
	color: silver !important;
	}
a:link {
	color: #5794D0 !important;
	}
code, pre, input, samp, kbd, var, dfn {
	appearance: none !important;
	background-color: #191919 !important;
	color: silver !important;
	}
input, select, button {
	appearance: none !important;
	border: 1px solid #555 !important;
	background-color: #191919 !important;
	color: silver !important;
	}
.codebox, .scrollbox, blockquote, blockquote div p, textarea, .spoiler {
	background: #191919 !important;
	background-color: #191919 !important;
	border-top-color: #333 !important;
	border-bottom-color: #333 !important;
	border-left-color: #333 !important;
	border-right-color: #333 !important;
	}
.spoiler-plus, .spoiler-minus {
	background-color: #191919 !important;
	}
/* forum.mozilla-russia.org */
#brdmenu.inbox ul,
table tbody tr td, table thead tr th,
.blockpost {
	appearance: none !important;
	border: 1px solid #555 !important;
	}
.blockpost h2 {
	border-bottom: 1px solid #555 !important
	}
.postright {
	background-color: #191919 !important;
	padding: 0 0 0 2px !important;
	}
.postfootleft, .postfootright {
	border-top: 1px solid #555 !important;
	height: 20px !important;
	}
.postfootleft p, .postfootright ul {
	margin-top: -8px !important;
	}
[id^="message"], .postsignature p {
	padding: 5px 5px 5px 10px !important;
	}
.postedit {
	padding: 0 20px 0 0 !important;
	}
/* kinozal */
.mn2 {
	appearance: none !important;
	border: 1px solid #555 !important;
	}




}

Отсутствует

 

Board footer

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